.hb-room,.hb-store{--hb-navy:#0b1026;--hb-navy2:#12183a;--hb-panel:#1b1030;--hb-yellow:#ffcb2d;--hb-pink:#ff4d9d;--hb-cyan:#35e0e0;--hb-cream:#f7f4ec;--hb-wood:#6b4a2b;--hb-wood2:#4d3320;color:var(--hb-cream);font-family:Helvetica Neue,Arial,sans-serif}.hb-marquee{background:linear-gradient(160deg,var(--hb-navy2),var(--hb-navy));border:2px solid var(--hb-yellow);border-radius:12px;padding:1.1rem 1.4rem;display:flex;align-items:baseline;gap:.9rem;flex-wrap:wrap;box-shadow:0 0 0 4px var(--hb-navy),0 10px 30px rgba(0,0,0,.4)}.hb-marquee-logo{font-family:Arial Black,Arial,sans-serif;font-weight:900;font-size:clamp(1.6rem,4vw,2.4rem);letter-spacing:1px;color:var(--hb-yellow);text-shadow:3px 3px 0 var(--hb-pink),6px 6px 0 rgba(0,0,0,.4)}.hb-marquee-sub{color:var(--hb-cyan);font-weight:700;letter-spacing:.5px;font-size:.82rem;text-transform:uppercase}.hb-open{margin-left:auto;color:var(--hb-navy);background:var(--hb-yellow);font-weight:900;font-size:.7rem;padding:.2rem .5rem;border-radius:4px;transform:rotate(-4deg)}.hb-intro{color:#c9c6e0;max-width:70ch;margin:1rem .2rem 1.6rem;font-size:.95rem}.hb-dim,.hb-empty{color:#8a86a8}.hb-empty{padding:3rem;text-align:center}.hb-shelf-block{margin-bottom:1.8rem}.hb-shelf-head{font-family:Arial Black,Arial,sans-serif;font-size:1rem;color:var(--hb-cream);margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.hb-shelf-head:before{content:"▮";color:var(--hb-pink)}.hb-shelf-count{color:var(--hb-navy);background:var(--hb-cyan);font-size:.68rem;font-weight:800;padding:.05rem .4rem;border-radius:4px}.hb-shelf{position:relative;padding-bottom:14px}.hb-tapes{display:flex;gap:4px;flex-wrap:wrap;align-items:flex-end;padding:12px 12px 0;background:linear-gradient(180deg,rgba(0,0,0,.25),transparent);border-radius:8px 8px 0 0}.hb-shelf-board{height:14px;border-radius:3px;background:linear-gradient(180deg,var(--hb-wood),var(--hb-wood2));box-shadow:0 6px 12px rgba(0,0,0,.45),inset 0 2px 0 hsla(0,0%,100%,.15)}.hb-spine{--hue:210;width:34px;height:158px;flex:none;background:linear-gradient(100deg,hsl(var(--hue) 55% 30%),hsl(var(--hue) 60% 18%));border:1px solid rgba(0,0,0,.6);border-left:3px solid hsl(var(--hue) 70% 55%);border-radius:2px 3px 3px 2px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:6px 2px;cursor:pointer;position:relative;box-shadow:inset -3px 0 6px rgba(0,0,0,.4),2px 2px 4px rgba(0,0,0,.35);transition:transform .14s ease,box-shadow .14s ease}.hb-spine:hover{transform:translateY(-14px);box-shadow:0 14px 22px rgba(0,0,0,.5);z-index:2}.hb-spine-top{font-size:.5rem;font-weight:800;color:var(--hb-yellow);letter-spacing:.5px}.hb-spine-title{writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;transform:rotate(180deg);font-size:.62rem;font-weight:800;color:#fff;line-height:1.05;max-height:104px;overflow:hidden;text-align:left;letter-spacing:.2px}.hb-spine-cat{font-size:.42rem;color:hsla(0,0%,100%,.7);font-family:monospace}.hb-spine-brand{font-size:.38rem;font-weight:900;color:var(--hb-navy);background:var(--hb-yellow);width:100%;text-align:center;letter-spacing:.3px;border-radius:1px}.hb-pager{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.4rem .2rem}.hb-room{background:radial-gradient(120% 90% at 50% 0,#241640 0,#0b1026 60%);margin:-.5rem -.75rem;padding:1rem 1rem 3rem;min-height:100%;border-radius:0}.hb-room-back{margin-bottom:1rem}.hb-linkmuted{color:var(--hb-cyan);font-weight:700}.hb-set{display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:1.5rem 1rem 2rem;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.35)),repeating-linear-gradient(90deg,#3a2718 0 38px,#33220f 38px 40px);border-radius:14px;box-shadow:inset 0 30px 60px rgba(0,0,0,.4)}.hb-crt{width:min(680px,100%);background:linear-gradient(180deg,#d9d2c4,#b8ad98);border-radius:22px;padding:20px 20px 16px;box-shadow:0 18px 40px rgba(0,0,0,.55),inset 0 2px 4px hsla(0,0%,100%,.5),inset 0 -6px 14px rgba(0,0,0,.3);border:1px solid #6b6252}.hb-crt-bezel{background:#14100c;border-radius:16px;padding:16px;box-shadow:inset 0 0 0 3px #2a241c,inset 0 0 30px rgba(0,0,0,.9)}.hb-screen{position:relative;aspect-ratio:4/3;width:100%;background:#05070a;border-radius:22px/30px;overflow:hidden;box-shadow:inset 0 0 60px rgba(0,0,0,.9)}.hb-tube-video{position:absolute;inset:0;width:100%;height:100%;border:0}.hb-scanlines{z-index:3;background:repeating-linear-gradient(180deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}.hb-glass,.hb-scanlines{position:absolute;inset:0;pointer-events:none}.hb-glass{z-index:4;background:radial-gradient(120% 90% at 30% 12%,hsla(0,0%,100%,.14),transparent 45%)}.hb-crt.off .hb-screen{background:#05070a}.hb-crt.off .hb-tube-video{display:none}.hb-crt-dot{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:#cfe8e0;transform:translate(-50%,-50%);animation:hb-dot 1s ease-out forwards}@keyframes hb-dot{0%{width:80%;height:2px;opacity:1}60%{width:8px;height:8px;opacity:1}to{width:3px;height:3px;opacity:0}}.hb-osd{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:#001a4d;color:#fff}.hb-osd.nosignal{background:#101010}.hb-osd-static{position:absolute;inset:0;opacity:.5;background-image:repeating-conic-gradient(#000 0 .252deg,#fff 0 .504deg);background-size:3px 3px;animation:hb-static .18s steps(3) infinite}.hb-osd-static.loud{opacity:.8;animation-duration:.09s}@keyframes hb-static{to{background-position:60px 30px}}.hb-osd-text{position:relative;z-index:2;text-align:center;font-family:Courier New,monospace;font-weight:800;letter-spacing:1px;text-shadow:0 0 8px rgba(0,0,0,.9)}.hb-osd-text span{font-size:1.2rem;display:block}.hb-osd-text small{color:var(--hb-cyan);font-size:.72rem;letter-spacing:2px}.hb-blink{animation:hb-blink 1.1s steps(2) infinite}@keyframes hb-blink{50%{opacity:.25}}.hb-osd-corner{position:absolute;top:10px;right:14px;z-index:5;color:#4dff88;font-family:Courier New,monospace;font-weight:800;font-size:.8rem;text-shadow:0 0 6px rgba(0,0,0,.9)}.hb-tracking .hb-screen{animation:hb-roll .12s linear 6}@keyframes hb-roll{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}.hb-panel{display:flex;align-items:center;gap:1rem;margin-top:14px;padding:4px 6px;flex-wrap:wrap}.hb-brand-plate{font-family:Arial Black,Arial,sans-serif;font-size:.62rem;color:#5a5140;letter-spacing:1px;text-transform:uppercase;border:1px solid #8a7f68;padding:.2rem .5rem;border-radius:3px;background:#cabfa8}.hb-dials{display:flex;gap:14px}.hb-dial{border:0;background:transparent;display:grid;justify-items:center;grid-gap:3px;gap:3px;padding:0}.hb-dial-face{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4a4238,#1c1913);box-shadow:inset 0 2px 3px hsla(0,0%,100%,.25),0 2px 4px rgba(0,0,0,.5);position:relative;transition:transform .2s ease;transform:rotate(var(--deg,0deg))}.hb-dial-face:after{content:"";position:absolute;left:50%;top:5px;width:3px;height:13px;background:var(--hb-cream);border-radius:2px;transform:translateX(-50%)}.hb-dial.on .hb-dial-face{box-shadow:inset 0 2px 3px hsla(0,0%,100%,.25),0 0 10px var(--hb-cyan)}.hb-dial-label{font-size:.56rem;font-weight:800;color:#4a4234;letter-spacing:.5px}.hb-slot{margin-left:auto;min-width:150px;background:#14100c;border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:5px;align-items:center;box-shadow:inset 0 0 0 2px #2a241c}.hb-slot-mouth{width:120px;height:8px;border-radius:3px;background:#000;box-shadow:inset 0 2px 4px hsla(0,0%,100%,.08)}.hb-slot.loaded .hb-slot-mouth{background:linear-gradient(90deg,#1a1206,#2a1c0a);box-shadow:inset 0 2px 4px rgba(255,203,45,.25)}.hb-slot-text{font-size:.58rem;font-weight:800;color:#8a7f68;letter-spacing:1px}.hb-eject{background:var(--hb-yellow);color:var(--hb-navy);border:0;border-radius:4px;font-weight:900;font-size:.6rem;padding:.2rem .5rem}.hb-caddy{display:grid;place-items:center;grid-gap:.6rem;gap:.6rem}.hb-tape-btn{border:0;background:transparent;display:grid;justify-items:center;grid-gap:.7rem;gap:.7rem;cursor:pointer;transition:transform .2s ease}.hb-tape-btn:hover:not(:disabled){transform:translateY(-4px) scale(1.02)}.hb-tape-btn.inserting{animation:hb-insert .9s ease forwards}@keyframes hb-insert{to{transform:translateY(40px) scale(.9);opacity:.2}}.hb-tape-cta{color:var(--hb-yellow);font-weight:800;font-size:.85rem}.hb-tape-btn:disabled .hb-tape-cta{color:var(--hb-cyan)}.hb-caddy-empty{text-align:center;color:#c9c6e0;display:grid;grid-gap:.5rem;gap:.5rem}.hb-cassette{--hue:210;width:240px;height:148px;border-radius:8px;background:linear-gradient(160deg,#2a2a2e,#111114);border:1px solid #000;padding:12px;position:relative;box-shadow:0 12px 24px rgba(0,0,0,.5),inset 0 2px 2px hsla(0,0%,100%,.12);display:flex;flex-direction:column;gap:8px}.hb-cass-label{background:repeating-linear-gradient(180deg,#f4efe2 0 20px,#e7dfcc 20px 21px);border-radius:3px;padding:6px 8px;display:grid;grid-gap:1px;gap:1px;border-left:6px solid hsl(var(--hue) 65% 45%)}.hb-cass-brand{font-size:.55rem;font-weight:900;color:hsl(var(--hue) 65% 35%);letter-spacing:.5px}.hb-cass-title{font-size:.72rem;font-weight:800;color:#1a1a1a;line-height:1.05;max-height:2.2em;overflow:hidden}.hb-cass-meta{font-size:.5rem;color:#555;font-family:monospace}.hb-cass-window{background:#050505;border-radius:4px;height:34px;display:flex;align-items:center;justify-content:space-around;box-shadow:inset 0 0 8px rgba(0,0,0,.9)}.hb-reel{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle,#3a2a12 30%,#1a1206 32%,#241a0c 60%);border:2px solid #0a0a0a;animation:hb-reel 3.5s linear infinite}.hb-reel:last-child{animation-duration:5s}@keyframes hb-reel{to{transform:rotate(1turn)}}.hb-cass-guard{height:6px;background:#000;border-radius:2px;margin-top:auto;box-shadow:inset 0 1px 2px hsla(0,0%,100%,.1)}.hb-sleeve{display:grid;grid-template-columns:320px 1fr;grid-gap:1.5rem;gap:1.5rem;margin-top:1.6rem;background:var(--hb-navy2);border:1px solid #2a2f52;border-radius:14px;padding:1.4rem}.hb-box svg{display:block;width:320px;height:auto;border-radius:4px;box-shadow:0 14px 30px rgba(0,0,0,.5)}.hb-backbox{min-width:0}.hb-backbox-title{font-family:Arial Black,Arial,sans-serif;font-size:1.4rem;margin:0 0 .5rem;color:#fff}.hb-backbox-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem}.hb-tag{font-size:.62rem;font-weight:800;letter-spacing:.5px;color:var(--hb-navy);background:var(--hb-cyan);padding:.18rem .5rem;border-radius:4px}.hb-tag.agenda{background:var(--hb-yellow)}.hb-tagline{font-style:italic;color:var(--hb-yellow);font-size:1rem;margin:0 0 .8rem}.hb-synopsis{color:#d5d2ea;line-height:1.6;margin:0 0 1.2rem}.hb-attachments h3{font-size:.72rem;text-transform:uppercase;letter-spacing:1px;color:var(--hb-cyan);margin:0 0 .5rem}.hb-attach{display:inline-flex;align-items:center;gap:.5rem;background:#0d1230;border:1px solid #2a2f52;border-radius:8px;padding:.4rem .7rem;margin:0 .4rem .4rem 0;color:#d5d2ea;font-size:.82rem}.hb-attach:hover{border-color:var(--hb-cyan)}.hb-attach-ic{font-size:.58rem;font-weight:900;color:var(--hb-navy);background:var(--hb-pink);padding:.1rem .35rem;border-radius:3px}.hb-extlinks{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.6rem}.hb-fineprint{margin-top:1.4rem;padding-top:1rem;border-top:1px dashed #2a2f52;font-size:.78rem;color:#a7a3c6}.hb-fineprint b{color:var(--hb-yellow)}.hb-btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--hb-yellow);color:var(--hb-navy);font-weight:800;border:0;border-radius:999px;padding:.5rem 1rem;font-size:.82rem}.hb-btn:hover{filter:brightness(1.08)}.hb-btn.ghost{background:transparent;color:var(--hb-cyan);border:1px solid #2a2f52}.hb-btn.ghost:hover{border-color:var(--hb-cyan)}@media (max-width:760px){.hb-sleeve{grid-template-columns:1fr;justify-items:center}.hb-box svg{width:260px}.hb-panel{justify-content:center}.hb-slot{margin-left:0}}