:root{--pixel-hand:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M5 0h2v1h-2zM4 1h1v6h-1zM7 1h1v5h-1zM5 6h2v1h-2zM8 5h1v2h-1zM9 6h1v2h-1zM10 7h1v2h-1zM11 8h1v4h-1zM10 12h1v2h-1zM4 7h-1v1h-1v1h1v1h1v1h1v1h1v1h4v-1h-5v-1h-1v-1h-1v-1h1z'/%3E%3Cpath fill='%23fff' d='M5 1h2v5h-2zM7 6h1v1h-1zM8 7h2v1h-2zM6 7h4v1h-4zM5 8h6v4h-6zM6 12h4v1h-4z'/%3E%3C/svg%3E") 5 0;--night:#05002a;--aurora-green:#39ff14;--aurora-cyan:#0fc;--aurora-pink:#f0c;--aurora-violet:#9d00ff;--gold:#ff0;--panel-bg:#fff;--win-gray:silver}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#fff;background-color:var(--night);background-image:radial-gradient(1px 1px at 10px 12px,#fff 99%,#0000),radial-gradient(1px 1px at 40px 50px,#fff 99%,#0000),radial-gradient(1.5px 1.5px at 55px 20px,#ff9 99%,#0000),radial-gradient(1px 1px at 25px 38px,#aaf 99%,#0000),linear-gradient(#0b0050 0%,#05002a 40%,#000814 100%);background-size:64px 64px,64px 64px,64px 64px,64px 64px,100% 100%;background-attachment:fixed;font-family:Verdana,Tahoma,Geneva,sans-serif;font-size:11px}a{color:var(--aurora-green);font-weight:700}a:visited{color:#f9f}a:hover{color:var(--gold)}input,select,button{font-family:inherit;font-size:11px}input:not([type]),input[type=password],select{color:#000;background:#fff;border:2px inset #dfdfdf;padding:2px 3px}button{background:var(--win-gray);color:#000;cursor:var(--pixel-hand), pointer;border:2px outset #efefef;padding:2px 8px}button:active:not(:disabled){border-style:inset}button:disabled{color:gray;cursor:default}.bold{font-weight:700}.page{width:760px;margin:8px auto}.centered{text-align:center;padding:80px 0;font-size:14px}.top{border:2px ridge var(--aurora-violet);background:#003;justify-content:space-between;align-items:center;gap:8px;padding:6px;display:flex;position:relative;overflow:hidden}.top:before{content:"";filter:blur(12px);pointer-events:none;background:linear-gradient(100deg,#0000 10%,#39ff1459 25%,#00ffcc4d 40%,#9d00ff59 55%,#ff00cc4d 70%,#0000 85%);animation:9s ease-in-out infinite alternate aurora;position:absolute;inset:-40% -10%}.top>*{position:relative}@keyframes aurora{0%{transform:translate(-12%)skew(-10deg)}to{transform:translate(12%)skew(10deg)}}.logo{white-space:nowrap;align-items:baseline;gap:4px;display:flex}.logo-name{letter-spacing:1px;background:linear-gradient(90deg, var(--aurora-green), var(--aurora-cyan), var(--aurora-violet), var(--aurora-pink));color:#0000;filter:drop-shadow(2px 2px #000);-webkit-background-clip:text;background-clip:text;font-family:Impact,Arial Black,sans-serif;font-size:34px}.logo-fm{color:var(--gold);text-shadow:2px 2px #c06;font-family:Impact,Arial Black,sans-serif;font-size:26px;font-style:italic}.logo-chat{color:var(--aurora-pink);text-shadow:1px 1px #fff;font-family:Comic Sans MS,Comic Sans,cursive;font-size:20px}.logo.small .logo-name{font-size:20px}.logo.small .logo-fm{font-size:16px}.logo.small .logo-chat{font-size:13px}.banner{color:#fff;border:1px solid #000;flex-shrink:0;align-items:center;gap:10px;width:468px;height:60px;padding:0 10px;font-weight:700;display:flex;overflow:hidden}.banner-title{white-space:nowrap;font-family:Impact,Arial Black,sans-serif;font-size:22px;animation:1s step-end infinite blink}.banner-text{font-size:12px}.banner-revontuli{background:linear-gradient(90deg,#004d00,#076,indigo,#99006b)}.banner-revontuli .banner-title{color:var(--aurora-green)}.banner-nokia{background:#039}.banner-nokia .banner-title{color:var(--gold)}.banner-modem{background:repeating-linear-gradient(45deg,#600,#600 10px,#800 10px 20px)}.banner-y2k{color:var(--aurora-green);background:#000;font-family:Courier New,monospace}@keyframes blink{50%{visibility:hidden}}.marquee{white-space:nowrap;color:var(--gold);border:1px solid var(--aurora-pink);background:#000;margin:4px 0;padding:3px 0;font-weight:700;overflow:hidden}.marquee-inner{padding-left:100%;animation:22s linear infinite marquee;display:inline-block}@keyframes marquee{to{transform:translate(-100%)}}.columns{grid-template-columns:1fr 300px;gap:6px;display:grid}.side-column{flex-direction:column;gap:6px;display:flex}.panel{background:var(--panel-bg);color:#000;border:2px outset #f6d}.panel>:not(.panel-title){margin:6px}.panel-title{background:linear-gradient(90deg, var(--aurora-violet), var(--aurora-pink));color:#fff;text-transform:uppercase;letter-spacing:1px;padding:3px 6px;font-weight:700}.login-form{flex-direction:column;gap:10px;font-weight:700;display:flex}.login-form input:not([type=radio]),.login-form select{width:220px;margin-top:2px;font-weight:700}.colors{border:1px solid #999;grid-template-columns:repeat(8,22px);gap:4px;padding:4px 6px;display:grid}.color-swatch{width:22px;height:22px;cursor:var(--pixel-hand), pointer;border:2px outset #eee;justify-content:center;align-items:center;display:flex}.color-swatch:has(input:checked){outline:2px solid var(--gold);border:2px inset #eee}.color-swatch input{opacity:0;width:100%;height:100%;cursor:var(--pixel-hand), pointer;margin:0}.big-button{align-self:flex-start;padding:4px 18px;font-size:14px;font-weight:700}.error-text{color:#c00;font-weight:700}.room-table{border-collapse:collapse;width:calc(100% - 12px)}.room-table td{vertical-align:top;border-bottom:1px dotted #999;padding:3px 2px}.room-table small{color:#666}.room-table .count{text-align:right;color:#c06;font-size:13px;font-weight:700}.now-playing-big{font-size:12px}.request-list{padding-left:18px}.bottom-bar{text-align:center;border:1px solid var(--aurora-violet);background:#003;margin-top:6px;padding:6px}.hit-counter{vertical-align:middle;background:#333;border:1px inset #888;gap:1px;padding:1px;display:inline-flex}.hit-digit{text-align:center;width:11px;color:var(--aurora-green);background:#000;font-family:Courier New,monospace;font-size:13px;font-weight:700}.under-construction{color:#000;background:repeating-linear-gradient(-45deg, var(--gold), var(--gold) 6px, #000 6px, #000 12px);text-shadow:1px 1px 0 var(--gold), -1px -1px 0 var(--gold), 1px -1px 0 var(--gold), -1px 1px 0 var(--gold);background-size:34px 100%;padding:1px 6px;font-weight:700;animation:1s linear infinite stripes;display:inline-block}@keyframes stripes{to{background-position:34px 0}}.footer{text-align:center;color:#99c;margin:8px 0 20px;font-size:10px;line-height:1.6}.chat-page{grid-template-rows:auto 380px auto;gap:3px;display:grid}.frame{border:2px inset #999}.frame-top{border-style:ridge;border-color:var(--aurora-violet);background:#003;align-items:center;gap:8px;padding:4px;display:flex}.frame-top-info{flex-direction:column;gap:6px;display:flex}.room-title{color:var(--gold);font-size:14px;font-weight:700}.room-title small{color:#ccf;font-size:10px;font-weight:400}.frame-middle{grid-template-columns:1fr 170px;gap:3px;min-height:0;display:grid}.frame-log{color:#000;background:#fff;min-height:0;padding:4px 6px;font-size:12px;line-height:1.45;overflow-y:scroll}.frame-log.flicker{opacity:.15}.frame-side{color:#000;background:#ffe6fa;flex-direction:column;min-height:0;display:flex;overflow-y:auto}.user-list{flex:1;margin:0;padding:4px 6px;list-style:none}.user-list li{padding:1px 0}.user-link{cursor:var(--pixel-hand), pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:700;text-decoration:underline}.nick{font-weight:700}.room-switch,.side-buttons{flex-direction:column;gap:4px;padding:4px 6px;display:flex}.room-switch{padding:0}.room-switch select,.room-switch button{margin:0 6px}.room-switch button{margin-bottom:4px}.leave-button{color:#900;font-weight:700}.frame-bottom{background:var(--win-gray);color:#000;border-style:outset;flex-direction:column;gap:4px;padding:4px 6px;display:flex}.connection-status{background:#ff9;border:1px solid #c90;padding:2px 6px;font-weight:700}.send-form{align-items:center;gap:4px;display:flex}.send-form label{font-weight:700}.send-form input{flex:1}.smiley-picker{gap:1px;display:inline-flex}.smiley-button{padding:1px 2px;line-height:0}.smiley{vertical-align:-2px;margin:0 1px}.options{gap:12px;display:flex}.options label{align-items:center;gap:2px;display:flex}.now-playing{color:var(--aurora-green);white-space:nowrap;background:#000;border:1px inset #888;padding:2px 6px;font-family:Courier New,monospace;font-weight:700;overflow:hidden}.now-playing-label{color:var(--gold);animation:1.2s step-end infinite blink}.request-form{border:1px dashed var(--aurora-pink);background:#ffe6fa;flex-wrap:wrap;align-items:center;gap:6px;padding:4px;display:flex}.line{word-wrap:break-word}.time{color:#888}.line-action{font-style:italic}.line-system{color:green}.line-whisper{color:#606;background:#fbe3ff;font-style:italic}.line-shout{border:2px solid var(--aurora-pink);background:#fff0fb;margin:3px 0;padding:3px 6px;animation:.8s step-end infinite shout-border}.shout-label{color:var(--aurora-pink);font-weight:700}@keyframes shout-border{50%{border-color:var(--gold)}}.line-request{border:1px solid var(--aurora-violet);background:linear-gradient(90deg,#eaffea,#f3e6ff);margin:3px 0;padding:4px 6px}.line-notice{white-space:pre-wrap;color:#339;background:#eef;border-left:3px solid #339;margin:2px 0;padding:2px 6px}.line-error{color:#c00;font-weight:700}.kicked{text-align:center;color:#fff;background:#c00;border:3px double #fff;margin:12px 0;padding:10px;font-size:14px;font-weight:700}.kicked a{color:var(--gold)}.logo{color:#0f380f;background:#9bbc0f;margin:3px 0 3px 6px;padding:6px 10px;font-family:monospace;line-height:1;display:inline-block}.dj-player{margin-bottom:6px}.dj-queue{margin:4px 0;padding-left:20px}.guestbook-entry{border-top:1px dashed #f6d;padding:4px 0}.request-list .played{opacity:.6;text-decoration:line-through}