@import"https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Tahoma,Verdana,Arial,"MS Sans Serif",sans-serif;font-size:12px;color:#000;background-color:#d4d0c8;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.02) 2px,rgba(0,0,0,.02) 4px);line-height:1.4;overflow-x:hidden}#root{min-height:100vh}a{color:#00f;text-decoration:underline;word-break:break-word}a:visited{color:purple}a:hover{color:red;text-decoration:underline}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background:#d4d0c8;border-left:1px solid #808080}::-webkit-scrollbar-thumb{background:#d4d0c8;border:2px outset #d4d0c8}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.header-top{background:linear-gradient(180deg,navy,#00a,#00c 60%,#04a);border-bottom:3px outset #4444ff;padding:8px 0;text-align:center}.header-inner{max-width:960px;margin:0 auto;padding:0 10px}.logo-text{font-family:Comic Neue,Comic Sans MS,cursive;font-size:28px;font-weight:700;color:#ff0;text-shadow:2px 2px 0px #ff8800,-1px -1px 0px #ff0000;letter-spacing:2px;text-transform:uppercase;padding:10px 0 4px;word-break:break-word}.logo-subtext{color:#0ff;font-size:13px;font-style:italic;text-shadow:1px 1px 0px #000066;margin-bottom:8px}.header-info{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;color:#fff;font-size:11px;padding:4px 0}.header-info span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.online-dot{display:inline-block;width:8px;height:8px;min-width:8px;background:#0f0;border-radius:50%;border:1px solid #008800;animation:blink 1.5s step-end infinite}.nav-bar{background:linear-gradient(180deg,#ece9d8,#d4d0c8,#c0bdb5);border-top:2px solid #ffffff;border-bottom:2px solid #808080;padding:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-inner{max-width:960px;margin:0 auto;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;min-width:min-content}.nav-btn{display:inline-block;padding:6px 14px;font-family:Tahoma,Verdana,Arial,sans-serif;font-size:11px;font-weight:700;color:navy;text-decoration:none;border:none;background:transparent;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:none;position:relative;white-space:nowrap;-webkit-tap-highlight-color:transparent}.nav-btn:hover{background:#316ac5;color:#fff}.nav-btn:active{background:#1a4a8a;color:#fff}.main-wrap{max-width:960px;margin:0 auto;padding:10px}.content-table{display:flex;gap:10px;align-items:flex-start}.left-col{flex:0 0 200px;position:sticky;top:10px}.right-col{flex:1;min-width:0}.panel{border:2px outset #d4d0c8;background:#fff;margin-bottom:10px}.panel-header{background:linear-gradient(180deg,#00a,#008);color:#fff;font-weight:700;font-size:12px;padding:4px 8px;text-transform:uppercase;letter-spacing:1px}.panel-body{padding:8px;font-size:11px}.panel-small{border:1px solid #808080;background:#fff;margin-bottom:8px}.panel-small .panel-header{font-size:11px;padding:3px 6px;background:linear-gradient(180deg,#66c,#44a)}.panel-small .panel-body{padding:6px;font-size:11px}.welcome-box{border:2px groove #d4d0c8;background:ivory;padding:12px;margin-bottom:10px}.welcome-box h2{font-family:Comic Neue,Comic Sans MS,cursive;font-size:16px;color:#c00;margin-bottom:6px}.welcome-box p{font-size:11px;color:#333;line-height:1.5}.wotd-box{border:3px double #ff0000;background:linear-gradient(135deg,#ffc,#fff,#cfc);padding:10px;margin-bottom:10px;text-align:center}.wotd-title{font-family:Comic Neue,Comic Sans MS,cursive;font-size:14px;font-weight:700;color:red;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;animation:blink 2s step-end infinite}.wotd-banner{border:2px solid #000000;background:linear-gradient(90deg,#006,#009,#00c,#009,#006);padding:12px;margin:0 auto;max-width:400px}.wotd-banner-text{color:#fff;font-size:14px;font-weight:700;text-shadow:1px 1px 0px #000000}.wotd-banner-sub{color:#ff0;font-size:10px;margin-top:4px}.download-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.download-table{width:100%;border-collapse:collapse;min-width:320px}.download-table th{background:linear-gradient(180deg,#369,#247);color:#fff;font-size:11px;font-weight:700;padding:4px 8px;text-align:left;border:1px solid #224477}.download-table td{padding:4px 8px;font-size:11px;border:1px solid #c0c0c0;background:#fff}.download-table tr:nth-child(2n) td{background:#f0f0f0}.download-table tr:hover td{background:#ffc}.dl-btn{display:inline-block;padding:3px 10px;font-family:Tahoma,Verdana,Arial,sans-serif;font-size:10px;font-weight:700;color:#fff;background:linear-gradient(180deg,#48c,#369);border:2px outset #6699cc;cursor:pointer;text-decoration:none;min-height:24px;-webkit-tap-highlight-color:transparent}.dl-btn:hover{background:linear-gradient(180deg,#59d,#48c);color:#fff}.dl-btn:active{border-style:inset}.gb-form{background:#f8f8f8;border:1px solid #c0c0c0;padding:8px;margin-bottom:10px}.gb-form label{display:block;font-size:11px;font-weight:700;margin-bottom:2px;color:navy}.gb-form input[type=text],.gb-form textarea{font-family:Tahoma,Verdana,Arial,sans-serif;font-size:11px;padding:5px 6px;border:2px inset #d4d0c8;background:#fff;width:100%;margin-bottom:6px}.gb-form textarea{height:60px;resize:vertical}.gb-submit{display:inline-block;padding:5px 20px;font-family:Tahoma,Verdana,Arial,sans-serif;font-size:11px;font-weight:700;color:#000;background:linear-gradient(180deg,#ece9d8,#d4d0c8);border:2px outset #d4d0c8;cursor:pointer;min-height:28px;-webkit-tap-highlight-color:transparent}.gb-submit:active{border-style:inset}.gb-entry{border:1px solid #c0c0c0;padding:6px;margin-bottom:6px;background:#fff;font-size:11px}.gb-entry-name{font-weight:700;color:navy}.gb-entry-date{font-size:10px;color:gray}.gb-entry-msg{margin-top:4px;color:#333}.gb-thanks{background:#cfc;border:1px solid #008800;padding:8px;text-align:center;font-weight:700;color:#060;margin-bottom:8px;font-size:12px}.status-line{margin-bottom:3px}.status-label{font-weight:700;color:navy}.twitter-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#000;color:#fff;border:1px solid #333333;font-size:10px;font-weight:700;text-decoration:none;border-radius:2px;cursor:pointer;transition:background .15s;-webkit-tap-highlight-color:transparent}.twitter-badge:hover{background:#1a1a2e;color:#fff;text-decoration:none}.twitter-badge svg{width:12px;height:12px;fill:#fff}.footer{background:linear-gradient(180deg,navy,#004);border-top:3px outset #4444ff;padding:15px 10px;text-align:center;margin-top:10px;color:silver;font-size:10px}.footer p{margin-bottom:4px}.footer .heart{color:red;font-size:12px}.back-to-top{display:block;text-align:center;margin:10px 0}.btt-btn{display:inline-block;padding:5px 18px;font-family:Tahoma,Verdana,Arial,sans-serif;font-size:10px;font-weight:700;color:navy;background:linear-gradient(180deg,#ece9d8,#d4d0c8);border:2px outset #d4d0c8;cursor:pointer;text-decoration:none;text-transform:uppercase;min-height:28px;-webkit-tap-highlight-color:transparent}.btt-btn:hover{background:#316ac5;color:#fff;border-color:#59d}.btt-btn:active{border-style:inset}.marquee-bar{background:#000;color:#0f0;font-size:11px;padding:4px 0;overflow:hidden;white-space:nowrap;border-bottom:2px inset #333333}.marquee-content{display:inline-block;animation:marquee 20s linear infinite;padding-left:100%}.sidebar-clock{text-align:center;font-size:18px;font-weight:700;color:#060;background:#010;padding:8px;border:2px inset #333333;font-family:Courier New,Courier,monospace;letter-spacing:2px;margin-bottom:8px}.sidebar-counter{text-align:center;padding:6px;background:#000;border:2px inset #333333;margin-bottom:8px}.counter-label{font-size:9px;color:#0f0;text-transform:uppercase;letter-spacing:1px}.counter-num{font-family:Courier New,Courier,monospace;font-size:20px;font-weight:700;color:#0f0;letter-spacing:4px;text-shadow:0 0 5px #00ff00}.dancing-text{display:inline-block;animation:dance .5s ease-in-out infinite alternate}@keyframes dance{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.under-construction{background:repeating-linear-gradient(45deg,#fc0,#fc0 10px,#000 10px,#000 20px);padding:4px;text-align:center;margin-bottom:10px}.under-construction-inner{background:#fc0;padding:6px 12px;font-size:11px;font-weight:700;color:#000;display:inline-block}.badge-row{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:8px 0}.badge{display:inline-block;border:1px solid #808080;padding:2px 6px;font-size:9px;background:#d4d0c8;color:#000;text-decoration:none;cursor:pointer}.badge:hover{background:#ffc}.hr-classic{border:none;height:2px;background:linear-gradient(90deg,transparent,#808080,transparent);margin:8px 0}@keyframes counterPulse{0%,to{text-shadow:0 0 5px #00ff00}50%{text-shadow:0 0 10px #00ff00,0 0 20px #00ff00}}.counter-num{animation:counterPulse 2s ease-in-out infinite}.rainbow-text{font-weight:700;background:linear-gradient(90deg,red,#f80,#ff0,#0f0,#00f,#80f);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbow 3s linear infinite}@keyframes rainbow{0%{background-position:0% center}to{background-position:200% center}}.dl-btn:disabled{opacity:.5;cursor:not-allowed;border-style:outset}.nav-btn{position:relative;overflow:hidden}.nav-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:none;pointer-events:none}.nav-btn:hover:after{animation:navSweep .6s ease-out forwards}@keyframes navSweep{0%{left:-100%}to{left:100%}}.dl-btn{position:relative;overflow:hidden;transition:transform .1s}.dl-btn:before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background:#fff3;transition:width .4s ease;pointer-events:none}.dl-btn:hover:before{width:100%}.dl-btn:active{animation:btnClick .15s ease}@keyframes btnClick{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.gb-submit{position:relative;overflow:hidden;transition:transform .1s,box-shadow .2s}.gb-submit:hover{animation:submitPulse .6s ease}.gb-submit:active{animation:submitFlash .3s ease}@keyframes submitPulse{0%{box-shadow:0 0 #00800066}50%{box-shadow:0 0 0 6px #00800000}to{box-shadow:0 0 #00800000}}@keyframes submitFlash{0%{filter:brightness(1)}40%{filter:brightness(1.4)}to{filter:brightness(1)}}.btt-btn{position:relative;overflow:hidden;transition:transform .2s}.btt-btn:hover{animation:bttFloat .8s ease infinite}.btt-btn:active{animation:bttSquish .2s ease}@keyframes bttFloat{0%,to{transform:translateY(0)}30%{transform:translateY(-5px)}60%{transform:translateY(-2px)}}@keyframes bttSquish{0%{transform:scale(1)}50%{transform:scale(.92) translateY(2px)}to{transform:scale(1)}}.twitter-badge{position:relative}.twitter-badge:hover{animation:twitterFlap .4s ease}.twitter-badge:active{animation:twitterZoom .15s ease}@keyframes twitterFlap{0%{transform:rotate(0)}20%{transform:rotate(-3deg) scale(1.05)}40%{transform:rotate(3deg) scale(1.05)}60%{transform:rotate(-2deg)}80%{transform:rotate(1deg)}to{transform:rotate(0)}}@keyframes twitterZoom{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.poll-vote-btn{position:relative;overflow:hidden;transition:transform .15s}.poll-vote-btn:hover{animation:pollBounce .5s ease}.poll-vote-btn:active{animation:pollCheck .3s ease}@keyframes pollBounce{0%{transform:scale(1)}30%{transform:scale(1.08)}60%{transform:scale(.97)}to{transform:scale(1)}}@keyframes pollCheck{0%{transform:scale(1)}25%{transform:scale(.92)}50%{transform:scale(1.05);background:#0a0;color:#fff}to{transform:scale(1)}}.chat-send-btn{position:relative;overflow:hidden}.chat-send-btn:hover{animation:chatSendHover .3s ease}.chat-send-btn:active{animation:chatSendLaunch .35s ease forwards}@keyframes chatSendHover{0%{transform:translate(0)}50%{transform:translate(3px)}to{transform:translate(0)}}@keyframes chatSendLaunch{0%{transform:translate(0);opacity:1}50%{transform:translate(8px);opacity:.7}to{transform:translate(0);opacity:1}}.forum-btn{position:relative;overflow:hidden;transition:transform .1s}.forum-btn:hover{animation:forumNudge .4s ease}.forum-btn:active{animation:btnClick .15s ease}@keyframes forumNudge{0%{transform:scale(1)}35%{transform:scale(1.06) translateY(-1px)}to{transform:scale(1)}}.gb-delete-btn{position:relative;transition:transform .1s}.gb-delete-btn:hover{animation:deleteShake .4s ease}@keyframes deleteShake{0%,to{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-2px)}80%{transform:translate(1px)}}.rek-vote-btn{position:relative;overflow:hidden;transition:transform .1s}.rek-vote-btn:hover{animation:thumbsUp .5s ease}.rek-vote-btn:active{animation:btnClick .15s ease}@keyframes thumbsUp{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.15) rotate(-8deg)}50%{transform:scale(1.1) rotate(4deg)}75%{transform:scale(1.05) rotate(-2deg)}to{transform:scale(1) rotate(0)}}.signin-btn{position:relative;overflow:hidden}.signin-btn:hover{animation:signinGlow 1s ease infinite}@keyframes signinGlow{0%,to{box-shadow:0 0 4px #316ac566}50%{box-shadow:0 0 12px #316ac5cc,0 0 20px #316ac54d}}.badge{transition:transform .15s,background .15s}.badge:hover{animation:badgePop .3s ease}@keyframes badgePop{0%{transform:scale(1)}50%{transform:scale(1.08) rotate(-2deg)}to{transform:scale(1)}}.wotd-title{text-shadow:0 0 4px rgba(255,0,0,.3)}.poll-option-label{display:flex;align-items:center;font-size:11px;margin-bottom:2px;cursor:pointer;padding:2px 0;min-height:28px}.forum-cards-mobile{display:none}.forum-card{border:1px solid #c0c0c0;padding:8px;margin-bottom:6px;background:#fff}.forum-card-title{font-weight:700;font-size:11px;color:#00f;text-decoration:underline;cursor:pointer;display:block;margin-bottom:2px}.forum-card-title:hover{color:red}.forum-card-meta{font-size:9px;color:gray;display:flex;gap:8px}.forum-input{font-family:Tahoma,Verdana,Arial,sans-serif;font-size:11px;padding:4px 6px;border:2px inset #d4d0c8;width:100%;margin-bottom:4px}.chat-form{display:flex;gap:4px;justify-content:center}select{font-family:Tahoma,Verdana,Arial,sans-serif;font-size:11px;padding:3px 4px;border:2px inset #d4d0c8;background:#fff;cursor:pointer;-webkit-appearance:menulist}select:focus{outline:1px dotted #000080}.chat-box::-webkit-scrollbar{width:12px}.chat-box::-webkit-scrollbar-track{background:#010}.chat-box::-webkit-scrollbar-thumb{background:#040;border:1px solid #006600}@media(max-width:768px){.content-table{flex-direction:column}.left-col{flex:none;width:100%;position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin-bottom:10px}.left-col .panel-small,.left-col .sidebar-clock,.left-col .sidebar-counter{margin-bottom:0}.logo-text{font-size:22px;letter-spacing:1px}.logo-subtext{font-size:11px}.header-info{gap:8px;font-size:10px}.nav-btn{padding:6px 10px;font-size:10px}.panel-body{padding:6px}.welcome-box{padding:10px}.welcome-box h2{font-size:14px}.wotd-title{font-size:12px;letter-spacing:1px}.wotd-banner-text{font-size:12px}.footer{padding:12px 8px}.forum-table-desktop{display:none}.forum-cards-mobile{display:block}}@media(max-width:480px){.header-top{padding:6px 0}.logo-text{font-size:17px;letter-spacing:.5px;padding:6px 0 2px}.logo-subtext{font-size:10px;margin-bottom:4px}.header-info{gap:6px;font-size:9px}.header-info span{gap:2px}.nav-inner{justify-content:flex-start;padding:0 4px}.nav-btn{padding:5px 8px;font-size:9px;letter-spacing:.5px}.main-wrap{padding:6px}.left-col{grid-template-columns:1fr 1fr}.panel-header{font-size:11px;padding:3px 6px}.panel-body{padding:5px;font-size:10px}.welcome-box{padding:8px}.welcome-box h2{font-size:13px}.welcome-box p{font-size:10px}.under-construction-inner{font-size:10px;padding:4px 8px}.wotd-box{padding:8px}.wotd-title{font-size:11px}.wotd-banner{padding:8px}.wotd-banner-text{font-size:11px}.wotd-banner-sub{font-size:9px}.dl-btn{padding:4px 8px;font-size:9px}.gb-form input[type=text],.gb-form textarea{font-size:12px;padding:6px 8px}.gb-submit{padding:6px 16px;font-size:11px;width:100%}.chat-box{font-size:9px!important}.badge-row{gap:4px}.badge{font-size:8px;padding:2px 4px}.btt-btn{padding:6px 14px;font-size:9px}.footer{font-size:9px;padding:10px 6px}.marquee-bar{font-size:10px}.forum-table-desktop{display:none}.forum-cards-mobile{display:block}.dl-btn,.nav-btn,.btt-btn,.gb-submit,.twitter-badge{min-height:36px;display:inline-flex;align-items:center;justify-content:center}.download-table-wrap{font-size:9px}.download-table th,.download-table td{padding:3px 4px;font-size:9px}.chat-form{flex-direction:column!important;gap:4px!important}.chat-form .chat-input-mobile{max-width:100%!important;flex:1!important}.chat-form .chat-send-btn{width:100%;justify-content:center}.poll-option-label{min-height:36px;padding:4px 0}}@media(max-width:360px){.logo-text{font-size:15px}.left-col{grid-template-columns:1fr}.header-info{flex-direction:column;gap:4px}.nav-btn{padding:5px 6px;font-size:8px}.wotd-banner-text{font-size:10px}.welcome-box h2{font-size:12px}.footer .heart{font-size:10px}}@media(hover:none)and (pointer:coarse){.dl-btn,.nav-btn,.btt-btn,.gb-submit,.twitter-badge,.badge{min-height:44px}.nav-btn{padding:8px 12px}.gb-form input[type=text],.gb-form textarea{padding:10px 12px;font-size:16px}.chat-input-mobile{font-size:16px;padding:10px 12px}.poll-option-label{min-height:44px}.forum-input{font-size:16px;padding:8px 10px}.dl-btn{padding:6px 14px;font-size:11px}}@media(max-height:500px)and (orientation:landscape){.header-top{padding:4px 0}.logo-text{font-size:16px;padding:4px 0 2px}.logo-subtext{display:none}.under-construction{margin-bottom:6px}}@media(min-width:1024px){.main-wrap{padding:16px 20px}.panel-body{padding:10px 12px}.welcome-box,.wotd-banner{padding:16px}}
