@import"https://fonts.googleapis.com/css2?family=VT323&family=Press+Start+2P&family=Bubblegum+Sans&display=swap";:root{--xander-primary: #8B2131;--xander-secondary: #34241F;--moira-primary: #2B5934;--moira-secondary: #F2D49B;--academy-blue: #4A7294;--academy-secondary: #E3B980;--background: #F9F2E5;--accent: #D4A76A}body{background-color:var(--background);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="50" cy="50" r="1" fill="%23D4A76A" opacity="0.2"/></svg>');font-family:Comic Sans MS,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0;padding:0;cursor:url(/src/assets/cursor.png),auto;overflow-x:hidden}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--background);z-index:9999;display:flex;justify-content:center;align-items:center}.loading-container{width:400px;background-color:#fff;border:5px solid var(--academy-blue);border-radius:20px;padding:25px;text-align:center;box-shadow:10px 10px 0 var(--xander-secondary);position:relative;overflow:hidden}.loading-bar{width:0%;height:100%;background:linear-gradient(45deg,var(--moira-primary) 25%,var(--xander-primary) 25%,var(--xander-primary) 50%,var(--moira-primary) 50%,var(--moira-primary) 75%,var(--xander-primary) 75%);background-size:50px 50px;animation:loading-animation 1s linear infinite;border-radius:8px}@keyframes loading-animation{0%{background-position:0 0}to{background-position:50px 0}}.site-container{width:960px;margin:0 auto;background:#fff;border-left:5px solid var(--academy-blue);border-right:5px solid var(--academy-blue);min-height:100vh}.main-area{display:flex;padding:20px;position:relative}.sidebar,.sidebar-wrapper{width:200px;margin-right:20px;flex-shrink:0}.content{flex-grow:1}.sidebar-cards{display:flex;flex-direction:column;gap:20px}.sidebar-card{background-color:var(--background);border:3px solid var(--xander-secondary);border-radius:10px;overflow:hidden;position:relative;box-shadow:5px 5px #0000001a;transition:transform .2s ease}.sidebar-card:hover{transform:translateY(-2px);box-shadow:7px 7px #00000026}.sidebar-section{background-color:var(--background);border:3px solid var(--xander-secondary);border-radius:10px;margin-bottom:20px;overflow:hidden;position:relative;box-shadow:5px 5px #0000001a}.sidebar-header{background-color:var(--academy-blue);color:#fff;padding:5px 10px;font-family:Bubblegum Sans,cursive;text-align:center;border-bottom:2px solid var(--xander-secondary);position:relative}.sidebar-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,white,transparent);opacity:.3}.sidebar-content{padding:10px}.upcoming-streams{list-style:none;padding:0;margin:0}.stream-item{margin-bottom:8px;padding-bottom:8px;border-bottom:1px dashed var(--xander-secondary);font-size:14px}.stream-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.stream-day{font-weight:700;color:var(--xander-primary)}.muffin-counter{display:flex;justify-content:center;align-items:center;gap:10px;padding:10px}.muffin-icon{width:40px;height:40px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.counter-number{font-family:VT323,monospace;font-size:36px;color:var(--xander-primary);text-shadow:1px 1px 0 white}.welcome-banner{background:linear-gradient(to right,var(--moira-primary),var(--academy-blue));color:#fff;padding:15px;border-radius:10px;margin-bottom:20px;border:3px solid var(--xander-secondary);position:relative;overflow:hidden;box-shadow:5px 5px #0000001a}.welcome-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:30px;background:linear-gradient(to bottom,rgba(255,255,255,.3),transparent);pointer-events:none}.welcome-title{font-family:Bubblegum Sans,cursive;font-size:28px;margin-bottom:10px;text-shadow:2px 2px 0 var(--xander-secondary)}.welcome-text{font-size:16px;line-height:1.4}.welcome-text p{margin-bottom:10px}.welcome-text p:last-child{margin-bottom:0}.loading-bar-container{width:100%;height:25px;background-color:#f0f0f0;border:2px solid var(--xander-secondary);border-radius:10px;overflow:hidden;margin:15px 0;position:relative}.loading-text{font-family:"Press Start 2P",cursive;font-size:16px;color:var(--xander-primary);margin-bottom:15px}.loading-percentage{font-family:VT323,monospace;font-size:18px;color:var(--xander-secondary);margin-top:5px}.loading-message{font-family:Comic Sans MS,cursive;font-size:14px;color:var(--xander-secondary);margin-top:10px;min-height:40px}.loading-bunny{position:absolute;bottom:30px;right:50px;width:60px;height:80px;transform:translateY(60px);transition:transform .5s ease-in-out}.loading-bunny.peek{transform:translateY(30px)}.news-section{background-color:var(--background);border:3px solid var(--xander-secondary);border-radius:10px;padding:15px;margin-bottom:20px;position:relative;box-shadow:5px 5px #0000001a}.news-header{font-family:"Press Start 2P",cursive;font-size:18px;color:var(--xander-primary);margin-bottom:15px;text-align:center;padding-bottom:10px;border-bottom:2px dashed var(--xander-secondary)}.news-content{display:flex;flex-direction:column;gap:15px}.news-item{display:flex;gap:10px}.news-date{width:80px;background-color:var(--academy-blue);color:#fff;text-align:center;padding:5px;border-radius:5px;font-size:12px;font-family:VT323,monospace;flex-shrink:0;border:1px solid var(--xander-secondary)}.news-text{flex-grow:1;font-size:14px;line-height:1.4}.news-text a{color:var(--xander-primary);text-decoration:underline;font-weight:700}.xander-popup,.moira-popup{position:fixed;width:160px;transition:all .3s;z-index:100}.xander-popup{bottom:-90px;right:30px}.xander-popup:hover{bottom:-10px}.xander-image{width:150px;height:150px;border-radius:50% 50% 0 0;border:3px solid var(--xander-primary);border-bottom:none;background-color:#fff}.xander-message{background-color:#fff;border:3px solid var(--xander-primary);border-radius:10px 10px 0 0;padding:15px;font-size:13px;text-align:center;position:relative}.xander-message:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid white}.moira-popup{top:-90px;left:30px}.moira-popup:hover{top:0}.moira-image{width:150px;height:150px;border-radius:0 0 50% 50%;border:3px solid var(--moira-primary);border-top:none;background-color:#fff}.moira-message{background-color:#fff;border:3px solid var(--moira-primary);border-radius:0 0 10px 10px;padding:15px;font-size:13px;text-align:center;position:relative;margin-top:10px}.moira-message:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid white}.glitch-404{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00f;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:VT323,monospace;z-index:10000;display:none}.error-code{font-size:120px;margin-bottom:20px}.error-message{font-size:24px;margin-bottom:40px;text-align:center}.error-details{font-size:18px;max-width:600px;text-align:center;margin-bottom:40px}.return-button{background-color:#fff;color:#00f;padding:10px 20px;font-size:18px;cursor:pointer;border:none}.character-image{width:100%;height:200px;object-fit:cover;border-top:2px solid var(--xander-secondary);border-bottom:2px solid var(--xander-secondary)}.character-quote{padding:18px;font-style:italic;font-size:14px;line-height:1.5;position:relative}.character-quote:before{content:"";position:absolute;top:5px;left:8px;font-size:36px;color:#0000001a}.character-cards{display:flex;gap:30px;margin-bottom:30px;padding:0;justify-content:center}.character-name{font-family:Bubblegum Sans,cursive;font-size:22px;margin:0 0 5px;text-shadow:1px 1px 0 var(--xander-secondary)}.header{background-color:var(--academy-blue);padding:20px;display:flex;justify-content:space-between;align-items:center}.y2k-header{flex-direction:column;align-items:stretch;padding:14px 18px 10px;gap:6px}.logo-block{display:flex;justify-content:center}.ribbon-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 10px;background:var(--academy-secondary);border:3px solid var(--xander-secondary);padding:6px 10px 10px;border-radius:12px;box-shadow:4px 4px 0 var(--xander-secondary)}.ribbon-btn{position:relative;margin:0;display:inline-flex;align-items:center;gap:6px;font-size:15px;padding:6px 14px}.ribbon-btn .divider-dot{color:var(--xander-secondary);font-weight:700;margin-left:4px}.ribbon-btn.active{outline:2px dashed var(--xander-secondary);outline-offset:2px}@media (min-width: 860px){.y2k-header{flex-direction:row;align-items:center;padding:18px 26px 14px}.ribbon-nav{flex:1;margin:0 20px}.header-right{margin-left:auto}}@media (max-width: 860px){.logo{width:190px}.header-right{display:flex;justify-content:center}.login-button{margin-bottom:0}.site-container{border-left-width:4px;border-right-width:4px}.main-content{padding:14px}.sidebar{margin-right:0}.character-cards{padding:10px 0 0;gap:18px}.welcome-banner{margin-top:6px}}.logo{width:240px;filter:drop-shadow(2px 2px 0 var(--xander-secondary));transition:transform .3s}.logo:hover{transform:rotate(3deg)}.nav{background:var(--academy-secondary);border-top:3px solid var(--xander-secondary);border-bottom:3px solid var(--xander-secondary);padding:10px 0;text-align:center}.nav-button{background:linear-gradient(to bottom,#fff,#e0e0e0);border:2px solid var(--xander-secondary);border-radius:5px;padding:5px 15px;margin:0 5px;font-family:Bubblegum Sans,cursive;color:var(--xander-secondary);font-size:16px;cursor:pointer;transition:transform .2s}.nav-button:hover{transform:translateY(-3px)}.nav-button.xander{background:linear-gradient(to bottom,#fcc,#faa);transform:rotate(-2deg)}.nav-button.moira{background:linear-gradient(to bottom,#cfc,#afa);transform:rotate(2deg)}.character-card{flex:1;border:3px solid var(--xander-secondary);border-radius:10px;overflow:hidden;margin-bottom:0;box-shadow:5px 5px #0000001a;max-width:300px;transition:transform .2s ease-in-out}.character-card.xander{background-color:#8b21311a;transform:rotate(-2deg)}.character-card.moira{background-color:#2b59341a;transform:rotate(2deg)}.character-header{padding:10px;text-align:center;font-family:Bubblegum Sans,cursive}.character-header.xander{background-color:var(--xander-primary);color:#fff}.character-header.moira{background-color:var(--moira-primary);color:#fff}.footer{background-color:var(--academy-blue);color:#fff;padding:30px 20px;text-align:center;font-size:14px}.footer-links{margin:15px 0;line-height:2}.footer-note{font-style:italic;font-size:12px;margin-top:20px;padding-top:10px;border-top:1px dashed rgba(255,255,255,.3)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.blink{animation:blink 1s infinite}@keyframes ticker{0%{transform:translate(100%)}to{transform:translate(-100%)}}.cursor-trail{width:10px;height:10px;background:radial-gradient(circle,var(--academy-blue) 0%,transparent 70%);position:fixed;pointer-events:none;border-radius:50%;z-index:9999;transition:opacity .2s ease}.character-cards{display:flex;gap:30px;padding:20px;justify-content:center}.loading-logo{width:200px;height:auto;margin:0 auto 20px;animation:wobble 2s infinite}@keyframes wobble{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.news-ticker{background-color:var(--xander-secondary);color:#fff;padding:8px 0;overflow:hidden;white-space:nowrap;font-family:VT323,monospace}.ticker-content{display:inline-block;animation:ticker 30s linear infinite}.main-content{padding:20px;background-color:var(--background)}.login-button{background-color:var(--xander-primary);color:#fff;border:2px solid white;border-radius:20px;padding:5px 15px;font-family:Bubblegum Sans,cursive;cursor:pointer;transform:rotate(2deg);transition:transform .3s;margin-bottom:10px}.login-button:hover{transform:rotate(-2deg) scale(1.05)}.webring{display:flex;gap:5px}.webring-button{background-color:#fff;border:1px solid var(--xander-secondary);width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:18px;cursor:pointer;transition:transform .3s}.webring-button:hover{transform:scale(1.1)}.footer-link{color:#fff;text-decoration:none;margin:0 10px;position:relative}.footer-link:hover:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(to right,transparent,white,transparent)}@media (max-width: 980px){.site-container{width:100%}.character-cards{flex-direction:column;align-items:center}.loading-container{width:90%;max-width:400px}}.footer-logo{height:75px;width:auto}.character-card:hover{transform:scale(1.02)}@media (max-width: 768px){.main-area{flex-direction:column}.sidebar,.sidebar-wrapper{width:100%;margin-right:0;margin-bottom:20px}.sidebar-cards{flex-direction:row;gap:12px;overflow:hidden;padding-bottom:5px}.sidebar-card{margin-bottom:0;min-height:150px;box-sizing:border-box}.sidebar-card-streams{flex:0 0 calc(65% - 6px);max-width:calc(65% - 6px)}.sidebar-card-counter{flex:0 0 calc(35% - 6px);max-width:calc(35% - 6px)}.sidebar-card-streams .sidebar-content{padding:10px;height:115px;overflow-y:visible;box-sizing:border-box}.sidebar-card-streams .upcoming-streams{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;height:100%}.sidebar-card-streams .stream-item{margin-bottom:0;flex-shrink:0;list-style:none}.sidebar-card-streams .stream-item:last-child{border-bottom:none}.sidebar-card-counter .muffin-counter{flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:15px 8px;height:115px;text-align:center}.sidebar-card-counter .muffin-icon{flex-shrink:0}.sidebar-card-counter .counter-number{text-align:center;line-height:1}.xander-popup,.moira-popup{display:none}}