:root{--bg-concrete:gray;--win-gray:silver;--win-blue:navy;--rust:#5e2f0d;--text-green:#0f0}.monitor,#chart-list,.bot-btn,.terminal-text,#popup-message,#popup-title{font-family:Courier New,Courier,monospace;font-weight:400}body{background-color:#0000;background-image:linear-gradient(#0003,#0003),url(/assets/background.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;margin:20px;font-family:Tahoma,sans-serif;display:flex}.window{background:var(--win-gray);box-sizing:border-box;flex-direction:column;width:800px;height:auto;min-height:795px;display:flex}.title-bar{background:var(--win-blue);color:#fff;justify-content:space-between;align-items:center;padding:2px 8px;font-size:12px;font-weight:700;display:flex}.tabs{margin-bottom:5px;padding:4px 4px 0;display:flex}.tab-button{cursor:pointer;background:var(--win-gray);text-transform:uppercase;border:2px solid #404040;border-color:#fff #404040 #404040 #fff;outline:none;margin-right:2px;padding:6px 18px;font-size:13px;font-weight:700}.tab-button.active{background:#dfdfdf;border:2px solid #fff;border-color:#404040 #fff #fff #404040;padding:7px 17px 8px 19px}.content-area{background:#dfdfdf;border:2px inset #fff;flex-grow:1;margin:0 4px 4px;padding:15px;overflow-y:auto}.tab-content{display:none}.tab-content.active{display:block}.player-wrapper{margin-bottom:15px}.monitor{color:var(--text-green);border:2px solid var(--rust);background:#000;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.terminal-text{color:var(--text-black)}.monitor-text{text-align:left;white-space:nowrap;flex-grow:1;padding-right:10px;line-height:1.1;position:relative;overflow:hidden}.player-status{opacity:.8;margin-bottom:2px;font-size:11px}#track-info{white-space:nowrap;will-change:transform, opacity;display:inline-block}.visualizer{align-items:flex-end;gap:4px;height:40px;margin-bottom:-2px;margin-right:15px;display:flex}.visualizer .bar{background:var(--text-green);width:12px;height:2px;transition:height .1s}.cursor{background:var(--text-green);vertical-align:middle;width:9px;height:14px;margin-left:2px;animation:1s steps(2,start) infinite blink;display:inline-block;transform:translateY(-2px)}@keyframes blink{to{visibility:hidden}}.monitor-controls{flex-direction:column;gap:6px;margin-left:18px;display:flex}.vote-inline{border:1px solid var(--text-green);color:var(--text-green);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:flex}.vote-inline:hover,.vote-inline.active{background:var(--text-green);color:#000}.vote-inline.active svg{fill:currentColor}.vote-inline svg{width:16px;height:16px}.win98-btn{background:var(--win-gray);cursor:pointer;text-transform:uppercase;border:1px solid #000;border-color:#fff #000 #000 #fff;padding:12px 35px;font-size:14px;font-weight:700}.win98-btn:active{border-color:#000 #fff #fff #000;padding:13px 34px 11px 36px}.group-box{border:1px solid #000;margin-top:20px;padding:10px;position:relative}.group-box-title{color:var(--win-blue);background:#dfdfdf;padding:0 4px;font-size:11px;font-weight:700;position:absolute;top:-10px;left:8px}.news-item{border-bottom:1px dashed #5e2f0d;margin-bottom:10px;padding-bottom:5px}.rust-text{color:#8b4513;font-weight:700}.footer{background:var(--win-gray);text-align:right;color:#000;box-sizing:border-box;border-top:1px solid #000;width:100%;padding:6px 10px;font-size:13px}.footer-links{gap:15px;display:flex}.footer-links a{color:#000;text-transform:uppercase;font-weight:700;text-decoration:none}.footer-links a:hover{color:var(--win-blue);text-decoration:underline}.bot-invite-container{box-sizing:border-box;flex-wrap:nowrap;gap:15px;width:100%;margin:20px 0;padding:0 10px 0 5px;display:flex}.bot-btn{white-space:nowrap;text-align:center;border:1px solid var(--win-blue);color:var(--win-blue);flex:auto;padding:5px 12px;font-size:14px;text-decoration:none;transition:all .2s;display:inline-block}.bot-btn:hover{background-color:var(--win-blue);color:#fff}@media (width<=768px){body{height:auto;margin:10px;position:relative;overflow-y:auto}body #chat-container,body canvas,body .visualizer{display:none!important}body .window{width:100%;max-width:450px;height:auto;min-height:0;margin:0 auto;padding:10px;font-size:105%}body .monitor,body #chart-list,body .bot-btn,body .terminal-text,body #popup-message,body #popup-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Cousine,monospace;font-weight:400}body #track-info{padding:10px 0;font-size:1.1em}body .footer>div{text-align:center;flex-direction:column;gap:15px}body #author-socials{align-items:center;gap:10px;width:100%;display:flex;flex-direction:column!important}body #author-socials a{text-align:center;border:1px solid var(--win-blue);margin:0;padding:12px;font-size:14px;display:block;box-sizing:border-box!important;width:100%!important}body #author-socials span{text-transform:uppercase;text-align:center!important;width:100%!important;margin-bottom:10px!important;margin-right:0!important;display:block!important}body .bot-invite-container{box-sizing:border-box;flex-direction:column;gap:10px;width:100%;padding:0 15px}body .bot-btn{white-space:normal;margin:0;padding:12px 5px;box-sizing:border-box!important;width:100%!important}}#chart-list{color:var(--text-green);background:#000;border:1px inset #fff;max-height:780px;padding:10px;line-height:1.6;overflow-y:auto}.chart-item{border-bottom:1px dashed #333;justify-content:space-between;padding:4px 0;display:flex}.chart-score{font-weight:700}.popup-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.popup-window{background:var(--win-gray);width:380px;height:auto;min-height:0;box-shadow:8px 8px #0009}.popup-content{background:var(--win-gray);color:#000;text-align:left;border:none;margin:0;padding:20px 15px;font-size:12px}#popup-message{white-space:pre-wrap;align-items:flex-start;margin-bottom:20px;line-height:1.5;display:flex}#popup-message:before{content:"";background-image:url(/assets/error.png);flex-shrink:0;width:48px;height:48px;margin-right:15px;display:block}.popup-buttons{justify-content:flex-end;padding-top:10px;display:flex}.popup-buttons .win98-btn{border:2px solid #000;border-color:#fff #000 #000 #fff;padding:3px 25px;font-size:11px}.popup-buttons .win98-btn:active{border-color:#000 #fff #fff #000;padding:4px 24px 2px 26px}