html,body{margin:0;padding:0;background:#050505;color:#ddd;font-family:Arial,Helvetica,sans-serif;font-size:13px}
body{background-image:radial-gradient(#222 1px,transparent 1px);background-size:6px 6px}
a{color:#ffd400;text-decoration:none}a:hover{color:#fff;text-decoration:underline}.muted{color:#777}
.page{width:900px;max-width:calc(100% - 18px);margin:12px auto;background:#090909;border:3px ridge #666;box-shadow:0 0 25px #000}
header{background:#111;border-bottom:4px solid #d10000;text-align:center;padding:10px 8px}.logo{font-family:Impact,Arial Black,sans-serif;font-size:58px;line-height:.9;letter-spacing:3px;color:#eee;text-shadow:4px 4px 0 #8b0000,-2px -2px 0 #000;transform:skew(-4deg)}.tag{color:#ffcf00;font-weight:bold;letter-spacing:4px;margin-top:8px}
.marquee-wrap{overflow:hidden;background:#160000;color:#ffdf00;border-top:1px solid #900;border-bottom:1px solid #900;padding:4px 0;font-weight:bold;white-space:nowrap}.marquee-track{display:inline-block;min-width:100%;padding-left:100%;animation:marquee 22s linear infinite}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@media(prefers-reduced-motion:reduce){.marquee-track{animation:none;padding-left:8px}}
nav{background:#222;border-bottom:2px solid #777;padding:6px;text-align:center}nav a{display:inline-block;background:#333;border:2px outset #888;color:#fff;padding:5px 10px;margin:2px;font-weight:bold;font-size:12px}nav a:hover{border-style:inset;background:#111;color:#ffcf00;text-decoration:none}
.content{display:grid;grid-template-columns:170px 1fr;gap:10px;padding:10px;align-items:start}.side,.box{border:2px groove #777;background:#111}.side{position:sticky;top:10px;align-self:start}.side h3,.box h2{margin:0;background:#300;color:#ffcf00;padding:5px;font-size:15px;border-bottom:1px solid #a00}.side ul{list-style:none;margin:0;padding:7px}.side li{border-bottom:1px dotted #555;padding:7px 3px}.main{min-width:0}
.hero{border:3px double #aaa;background:#000;text-align:center;padding:25px 10px;margin-bottom:10px}.hero .crime-logo-img{display:block;max-width:92%;width:620px;height:auto;margin:0 auto 14px}.hero .zoneheads{font-family:Impact,Arial Black,sans-serif;font-size:24px;letter-spacing:3px;color:#ffcf00}.blink{color:#ff0000;font-weight:bold;animation:blink 1.15s steps(2,start) infinite}@keyframes blink{50%{opacity:.25}}
.box{margin-bottom:10px}.inner{padding:10px;line-height:1.5}.news{border-left:5px solid #b40000;padding-left:8px;margin:8px 0}.columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.record{border:1px solid #555;padding:8px;margin:7px 0;background:#080808;display:flex;gap:12px;align-items:flex-start}.record-art{width:150px;height:150px;object-fit:cover;border:1px solid #777;background:#000;flex:0 0 150px}.record-info{padding-top:3px}.record strong{color:#ffcf00;font-size:15px}.record-details{margin-top:5px;color:#ccc}
.merch{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.item{border:1px solid #555;text-align:center;padding:10px;background:#0b0b0b}.cover{height:110px;background:linear-gradient(135deg,#111,#450000);display:flex;align-items:center;justify-content:center;font-family:Impact,Arial Black,sans-serif;font-size:21px;color:#fff;text-shadow:2px 2px #000;margin-bottom:7px;padding:5px;box-sizing:border-box}.cover img{width:100%;height:100%;object-fit:cover}
.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.photo{height:135px;border:1px solid #777;background:#1b1b1b;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;display:block}.guest{background:#080808;border:1px solid #555;margin:7px 0;padding:7px}.guest b{color:#ffcf00}.counter{font-family:monospace;color:#00ff00;background:#000;border:1px solid #444;display:inline-block;padding:3px 7px;min-width:6ch;text-align:right}
.cz-player{margin-top:12px;border:2px outset #777;background:#181818;padding:6px;box-shadow:inset 0 0 0 1px #000;font-family:Tahoma,Arial,sans-serif}.player-head{background:#3b0000;color:#ffcf00;border:1px solid #8a0000;text-align:center;font-weight:bold;font-size:10px;letter-spacing:1px;padding:3px;margin-bottom:5px}.player-screen{background:#071107;border:1px inset #555;color:#7cff50;font-family:monospace;font-size:9px;line-height:1.2;padding:5px;height:24px;overflow:hidden;text-transform:uppercase}.player-led{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5a0000;margin-right:4px;box-shadow:0 0 3px #000}.cz-player.playing .player-led{background:#00ff4c;box-shadow:0 0 7px #00ff4c}.player-meter{height:5px;background:#050505;border:1px inset #555;margin:5px 0;overflow:hidden}.player-meter span{display:block;height:100%;width:0;background:#ffcf00}.player-time{text-align:right;font-family:monospace;font-size:9px;color:#aaa;margin-bottom:5px}.player-controls{display:grid;grid-template-columns:1fr 1fr;gap:4px}.player-controls button{font:700 9px Tahoma,Arial,sans-serif;padding:4px 2px;background:#333;color:#eee;border:2px outset #777;cursor:pointer}.player-controls button:active{border-style:inset}.player-controls button:disabled{color:#666;cursor:default}
footer{text-align:center;border-top:3px double #777;padding:12px;color:#777;font-size:11px}.construction{color:#ffcf00;font-weight:bold}
@media(max-width:650px){.content{grid-template-columns:1fr}.side{position:static}.logo{font-size:40px}.hero .crime-logo-img{width:100%;max-width:560px}.merch{grid-template-columns:1fr}.columns{grid-template-columns:1fr}nav a{padding:5px 7px}.photo-grid{grid-template-columns:1fr 1fr}.record{display:block}.record-art{display:block;width:100%;max-width:320px;height:auto;aspect-ratio:1/1;margin:0 auto 10px;object-fit:cover}.record-info{text-align:center}}