:root{--f-pixel: "DotGothic16", "VT323", monospace;--f-mono: "VT323", ui-monospace, monospace;--f-hand: "ReenieBeanie", cursive;--pink: #ff3ea5;--cyan: #5ef7ff;--lemon: #ffe24a;--lav: #a78bff;--green: #5eff9b;--cream: #fff4e8;--ink: #0a0410;--plum: #1a0820;--plum-2: #2a1030}@font-face{font-family:DotGothic16;src:url(/fonts/DotGothic16.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:VT323;src:url(/fonts/VT323.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ReenieBeanie;src:url(/fonts/ReenieBeanie.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(ellipse at 20% 0%,#ff3ea522 0%,transparent 45%),radial-gradient(ellipse at 80% 30%,#5ef7ff14 0%,transparent 45%),radial-gradient(ellipse at 50% 100%,#a78bff22 0%,transparent 50%),var(--plum);color:var(--cream);font-family:var(--f-mono);min-height:100vh;font-variant-emoji:text}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");opacity:.07;mix-blend-mode:overlay}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);opacity:.5}a{color:var(--cyan);text-decoration:none}a:hover{color:var(--cream);text-decoration:underline}::selection{background:var(--pink);color:var(--ink)}.page{max-width:1200px;margin:0 auto;padding:24px 28px 0;position:relative;z-index:1}.topnav{display:flex;justify-content:space-between;align-items:center;font-family:var(--f-pixel);font-size:13px;letter-spacing:2px;padding:6px 0 18px;border-bottom:1px dashed #ff3ea533;margin-bottom:24px;flex-wrap:wrap;gap:10px}.topnav-brand{color:var(--pink)}.topnav-links{display:flex;gap:18px}.topnav-links a{color:var(--cream)}.topnav-links a:hover{color:var(--lemon)}.hero{position:relative;padding:30px 32px 36px;background:radial-gradient(ellipse at 30% 0%,#ff3ea522 0%,transparent 55%),radial-gradient(ellipse at 80% 100%,#5ef7ff1a 0%,transparent 55%),var(--plum);border:2px solid var(--ink);margin-bottom:36px;overflow:hidden}.hero-header{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:24px;margin-bottom:22px}.hero-wordmark .eyebrow{font-family:var(--f-pixel);font-size:16px;letter-spacing:4px;color:var(--pink)}.hero-wordmark .big{font-family:var(--f-pixel);font-size:clamp(48px,7vw,88px);line-height:.9;letter-spacing:0;margin-top:6px;display:inline-block;padding-right:.12em;color:transparent;background:linear-gradient(180deg,var(--cream) 0%,var(--cream) 50%,var(--pink) 50%,var(--pink) 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 8px #ff3ea580)}.hero-tagline{font-family:var(--f-hand);font-size:26px;color:var(--cream);transform:rotate(-2deg);line-height:1.05;text-align:center}.hero-status{font-family:var(--f-mono);font-size:13px;color:var(--cyan);text-align:right;line-height:1.55}.hero-status .live{color:var(--pink)}.hero-status .blink{animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:.15}}.hero-body{display:grid;grid-template-columns:260px 1fr;gap:24px;position:relative}.hero-stations{display:flex;flex-direction:column;gap:10px}.hero-stations-label{font-family:var(--f-pixel);color:var(--lemon);font-size:14px;letter-spacing:2px;padding:5px 10px;background:var(--ink);border:2px solid var(--lemon);align-self:flex-start;transform:rotate(-2deg);margin-bottom:4px}.hero-deck-wrap{display:flex;flex-direction:column;gap:18px;min-width:0}.hero-footer{display:flex;gap:12px;align-items:stretch}.share-btn{font-family:var(--f-mono);font-size:13px;background:var(--ink);color:var(--cyan);padding:10px 14px;border:1.5px dashed #5ef7ff66;cursor:pointer;white-space:nowrap}.share-btn:hover{border-style:solid;border-color:var(--cyan)}.ticker{flex:1;overflow:hidden;white-space:nowrap;background:var(--ink);padding:10px 0;border-top:1px dashed #ff3ea566;border-bottom:1px dashed #ff3ea566;display:flex;align-items:center}.ticker-inner{display:inline-block;padding-left:100%;animation:marq 30s linear infinite;color:var(--pink);font-family:var(--f-mono);font-size:13px;letter-spacing:1px}@keyframes marq{to{transform:translate(-100%)}}@media(max-width:1000px){.hero-body{grid-template-columns:1fr}.hero-stations{display:grid;grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.page{padding:14px}.hero{padding:20px 16px 24px}.hero-header{grid-template-columns:1fr;gap:14px}.hero-tagline,.hero-status{text-align:left}.hero-stations{grid-template-columns:1fr}}.hero-deck{background:linear-gradient(180deg,var(--cream) 0%,#f5e0c4 100%);color:var(--ink);padding:24px;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--pink),16px 16px 0 var(--cyan);position:relative}.hero-deck:before{content:"";position:absolute;inset:5px;border:1px dashed #0a041044;pointer-events:none}.deck-screen{background:var(--ink);color:var(--green);font-family:var(--f-mono);font-size:14px;padding:14px 18px;border:2px inset var(--ink);position:relative;overflow:hidden}.deck-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(94,255,155,.08) 0 1px,transparent 1px 3px)}.deck-screen-row{display:flex;justify-content:space-between;opacity:.75;font-size:12px}.deck-now{font-family:var(--f-pixel);font-size:28px;color:var(--cream);line-height:1.1;margin:6px 0 2px;text-shadow:0 0 10px #5eff9b80}.deck-artist{font-size:16px;color:var(--cyan);margin-bottom:8px}.deck-progress-row{display:flex;align-items:center;gap:10px;margin-top:12px}.deck-time{font-size:12px;color:var(--cyan);min-width:36px}.deck-progress{flex:1;height:4px;background:#5eff9b22;border:1px solid #5eff9b55}.deck-progress-fill{height:100%;background:var(--green);transition:width .2s linear}.deck-reels{display:flex;align-items:center;justify-content:space-around;gap:14px;margin-top:18px;padding:14px;background:var(--ink);border:2px solid var(--ink)}.reel{width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,var(--cream) 0 16px,transparent 16px),conic-gradient(from 0deg,var(--plum-2) 0 25%,var(--plum) 25% 50%,var(--plum-2) 50% 75%,var(--plum) 75%);border:2px solid var(--cream);position:relative}.reel:before{content:"";position:absolute;inset:7px;border-radius:50%;border:1px dashed #fff4e833}.reel.spinning{animation:spin 1.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reel-strip{flex:1;height:7px;background:linear-gradient(90deg,var(--cream) 0%,#d4a578 50%,var(--cream) 100%);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.deck-controls{display:flex;align-items:center;gap:10px;margin-top:18px;flex-wrap:wrap}.deck-btn{font-family:var(--f-pixel);font-size:16px;background:var(--pink);color:var(--cream);border:2px solid var(--ink);padding:10px 14px;cursor:pointer;box-shadow:3px 3px 0 var(--ink);letter-spacing:1px;transition:transform .1s,box-shadow .1s}.deck-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.deck-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.deck-btn.play{font-size:20px;padding:16px 24px;background:var(--cyan);color:var(--ink)}.deck-btn.format{background:var(--cream);color:var(--ink)}.deck-btn.format[data-active=true]{background:var(--lemon)}.deck-vol{flex:1;min-width:200px;display:flex;align-items:center;gap:10px;background:var(--ink);padding:10px 14px;border:2px solid var(--ink)}.deck-vol label{font-family:var(--f-pixel);font-size:13px;color:var(--lemon);letter-spacing:1.5px}.deck-vol input{flex:1;accent-color:var(--pink)}.deck-vol-pct{font-family:var(--f-mono);font-size:13px;color:var(--cyan);min-width:38px;text-align:right}@media(max-width:640px){.reel{width:80px;height:80px}.deck-vol{min-width:100%}}.deck-spectrum{display:flex;align-items:flex-end;gap:2px;height:80px;margin-top:18px;padding:10px;background:var(--ink);border:2px solid var(--ink)}.spec-bar{flex:1;min-height:3px;background:linear-gradient(180deg,var(--pink) 0%,var(--lemon) 50%,var(--green) 100%);transition:height 80ms linear}.tape{font-family:var(--f-mono);background:var(--cream);color:var(--ink);padding:10px 12px 12px;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;text-align:left;transition:transform .12s ease-out,box-shadow .12s ease-out;width:100%}.tape:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.tape.active{background:var(--pink);color:var(--cream);transform:translate(-3px,-3px) rotate(-1deg);box-shadow:6px 6px 0 var(--lemon)}.tape-num{font-family:var(--f-mono);font-size:10px;opacity:.65;letter-spacing:1.5px}.tape-name{font-family:var(--f-pixel);font-size:16px;line-height:1.1;margin-top:2px}.tape-jp{font-family:var(--f-pixel);font-size:11px;opacity:.85;letter-spacing:1.5px;margin-top:2px}.tape-meta{font-family:var(--f-mono);font-size:10px;margin-top:6px;display:flex;justify-content:space-between;opacity:.75}.tape-holes{display:flex;gap:4px;margin-top:6px}.tape-holes span{width:14px;height:14px;border-radius:50%;background:var(--ink);box-shadow:inset 0 0 0 3px var(--cream)}.tape.active .tape-holes span{box-shadow:inset 0 0 0 3px var(--pink)}.full-secthead{margin-bottom:14px}.full-secthead-jp{font-family:var(--f-pixel);font-size:18px;color:var(--lemon);letter-spacing:4px}.full-secthead-en{font-family:var(--f-pixel);font-size:22px;color:var(--cream);letter-spacing:1px;margin-top:2px}.card{background:var(--plum);border:2px solid var(--ink);padding:22px 24px;position:relative}.card:before{content:"";position:absolute;inset:4px;border:1px dashed #ff3ea522;pointer-events:none}.history-list{display:flex;flex-direction:column}.history-row{display:grid;grid-template-columns:50px 1fr auto;gap:12px;padding:8px 4px;border-bottom:1px dashed #ff3ea522;font-size:13px}.history-row:last-child{border-bottom:none}.history-row .t{font-family:var(--f-mono);color:var(--cyan)}.history-row .title{font-family:var(--f-pixel);font-size:14px;color:var(--cream)}.history-row .artist{font-family:var(--f-mono);color:#fff4e8aa;font-size:12px}.history-empty{font-family:var(--f-mono);font-size:13px;color:#fff4e8aa;padding:8px 4px}.listen-ways-list{display:flex;flex-direction:column;gap:14px}.listen-way{border:1.5px dashed #5ef7ff44;padding:12px;background:#0a04108c}.lw-label{font-family:var(--f-pixel);font-size:12px;color:var(--lemon);letter-spacing:2px;margin-bottom:4px}.lw-url{display:block;font-family:var(--f-mono);font-size:13px;color:var(--cyan);background:var(--ink);padding:6px 8px;word-break:break-all}.lw-hint{font-family:var(--f-mono);font-size:11px;color:#fff4e866;margin-top:6px}.row-grid{display:grid;gap:24px;margin-bottom:36px}.row-grid.two{grid-template-columns:1.2fr 1fr}@media(max-width:1000px){.row-grid.two{grid-template-columns:1fr}}.footer{margin-top:12px;padding:30px 0 24px;border-top:2px dashed #ff3ea566}.footer-bot{display:flex;justify-content:space-between;gap:14px;font-family:var(--f-mono);font-size:12px;color:#fff4e8aa;flex-wrap:wrap}