/* Small entrance pointer and an accessible, discoverable existing floor bar. */
.gdp-has-controls-cue { padding-bottom:46px !important; }
.gdp-entrance-cue { position:absolute; transform:translateX(-50%); margin:0; min-height:36px; padding:6px 12px; border:1px solid #d9b45c45; border-radius:20px; background:#101017e6; color:#d6c8a7; font:600 11px/1.4 Inter,-apple-system,BlinkMacSystemFont,sans-serif; white-space:nowrap; cursor:pointer; z-index:5; }
.gdp-entrance-cue[hidden] { display:none; }
.gdp-entrance-cue:focus-visible, #gdp-controls-here:focus-visible { outline:2px solid #38d4ff; outline-offset:4px; }
#gdp-controls-here { position:fixed; left:50%; transform:translateX(-50%); z-index:2147483605; max-width:calc(100vw - 32px); min-height:44px; padding:10px 17px; color:#f4f1e9; background:#17151ff5; border:1px solid #d9b45c90; border-radius:12px; box-shadow:0 6px 24px #0006; font:600 12px/1.4 Inter,-apple-system,BlinkMacSystemFont,sans-serif; cursor:pointer; }
body #gdp-floorbar.gdp-controls-highlight { box-shadow:0 -2px 0 #38d4ff,0 -10px 35px #38d4ff30; }
body #gdp-floorbar .st { color:#bbb4c5; }
body #gdp-floorbar .ttl { line-height:1.4; }
body #gdp-floorbar .play { background:#ffffff0c; border:1px solid #d9b45c50; }
/* Readability refinements retain the existing palette and typography. */
.gdp-board .bf { line-height:1.5; }
.gdp-scene .cap .s { color:#cec9d4; line-height:1.5; }
.gdp-board:focus-visible { outline:2px solid #38d4ff; outline-offset:4px; }
@media(max-width:760px) {
    .gdp-has-controls-cue { row-gap:48px !important; }
    body #gdp-floorbar { padding-left:max(10px,env(safe-area-inset-left,0px)); padding-right:max(10px,env(safe-area-inset-right,0px)); }
    body #gdp-floorbar button { min-height:44px; min-width:44px; }
}
@media(prefers-reduced-motion:reduce) { body #gdp-floorbar { transition:none; } }

/* State is readable without interpreting an icon. */
body #gdp-floorbar button.play{min-width:70px;border-radius:24px;gap:5px;padding:0 9px}
body #gdp-floorbar button.play::after{content:attr(data-short-label);font:600 11px/1 Inter,sans-serif}
@media(max-width:370px){body #gdp-floorbar{gap:5px}body #gdp-floorbar .art{width:30px;height:30px}body #gdp-floorbar .ttl{font-size:11px}}
/* The same visual preference remains reachable inside the room. */
html[data-gdp-club3d] #gdp-calm-btn{visibility:visible!important;z-index:2147483603;top:calc(16px + env(safe-area-inset-top,0px));bottom:auto!important;left:max(16px,env(safe-area-inset-left,0px));opacity:1!important;transform:none!important}
/* Consistent focus/readability throughout the existing design. */
#main a:focus-visible,#main button:focus-visible{outline:2px solid #38d4ff;outline-offset:4px}
#main input:focus-visible,#main select:focus-visible,#main textarea:focus-visible{outline:2px solid #d9b45c;outline-offset:3px}
#main h1,#main h2,#main h3{text-wrap:balance}
#main p{overflow-wrap:break-word}
@media(max-width:760px){#main nav{gap:12px}#main input,#main textarea,#main select{font-size:16px}}
@media(prefers-reduced-motion:reduce){#gdp-controls-here,#gdp-calm-btn{animation:none!important;transition:none!important}}
@media(max-width:760px){html[data-gdp-club3d] #gdp-calm-btn{width:auto!important;max-width:180px;padding:0 12px!important;border-radius:24px}html[data-gdp-club3d] #gdp-calm-btn .lbl{display:inline!important;font-size:10px}}

/* Final frontage and shared listening surfaces. No animated filters or extra media. */
#gdp-scene-floor .frame { isolation:isolate; border:1px solid #e8d6b62b; box-shadow:0 0 0 5px #111018,0 0 0 6px #98857260,0 22px 34px #000a; }
#gdp-scene-floor .frame::before { content:""; position:absolute; z-index:5; pointer-events:none; inset:0; border-left:3px solid #d3b48430; border-right:3px solid #09080c; box-shadow:inset 0 2px 0 #ffffff26; }
#gdp-scene-floor .lintel { border-bottom:2px solid #c9ac7266; background:linear-gradient(180deg,#45424a 0%,#17151c 12%,#0d0e13 70%,#302932); text-shadow:0 0 10px #77e0ff90; }
#gdp-scene-floor .leaf::after { content:""; position:absolute; pointer-events:none; left:8%;right:8%;bottom:3%;height:7%;border:1px solid #cdb38755; background:linear-gradient(110deg,#332d24,#9f8d655c 30%,#312c22 75%); box-shadow:inset 0 1px #d7c49b45,0 2px 3px #0008; }
#gdp-scene-floor .cap { padding-top:18px; text-shadow:0 2px 5px #000; }
#gdp-scene-floor .cap .s { color:#e3dbe9; font-size:14px; }
#gdp-scene-floor:hover .lintel,#gdp-scene-floor:focus-visible .lintel { border-bottom-color:#91e9fa; }
.gdp-board { background:linear-gradient(135deg,#29232de8,#101017f5)!important; border-color:#c4a77190!important; box-shadow:inset 0 1px #ead1a433,0 12px 24px #0007!important; }
.gdp-board .bk { color:#e5ce98; letter-spacing:.16em; }
.gdp-board .bc { color:#dbd7e1; font-size:13px; line-height:1.65; }
.gdp-board .bf { min-height:44px; display:flex; align-items:center; justify-content:center; }
#main [data-framer-name="Navigation"] { border-bottom:1px solid #c6d4e221; }
#main [data-framer-name="Mix Card"] { border:1px solid #d0c8e12e; border-radius:16px; overflow:hidden; background:linear-gradient(145deg,#211b2be8,#10131ee8); transition:border-color .18s ease,transform .18s ease; }
#main [data-framer-name="Mix Card"]:focus-within { outline:2px solid #70e4f5; outline-offset:4px; }
#main [data-framer-name="Genre Card"] { border:1px solid #a9a0c349; border-radius:14px; }
#main [data-framer-name="Tracklist Section"] { border-top:1px solid #c8b5db38; padding-top:32px; }
#main [data-framer-name="Tracklist Section"] p { line-height:1.65!important; }
#main [data-framer-name="Copy"] p,#main [data-framer-name="Footer"] p { line-height:1.7; }
#main [data-framer-name="Era"] { border-left:2px solid #bc91cb66; padding-left:20px; }
#gdp-find input { min-height:52px!important; font-size:16px!important; border-color:#9a91ae70!important; background:#11121ce8!important; padding-right:54px!important; }
#gdp-find input::placeholder { color:#beb9c9!important; }
#gdp-find .gdp-clear { width:44px!important;height:44px!important;right:5px!important; }
#gdp-count { color:#d6cede!important; font-size:14px!important; line-height:1.6; }
#gdp-filter .gdp-chip,#gdp-coll .gdp-chip { min-height:44px; font-size:13px!important; color:#e2dbea!important; }
#gdp-filter .gdp-chip[aria-pressed="true"],#gdp-coll .gdp-chip[aria-pressed="true"] { background:#17404be8!important; border-color:#73ddec!important; }
#gdp-filter .gdp-n { opacity:.85!important; }
body #gdp-floorbar { background:#0b101af5!important; border-top:1px solid #9eaec94d; }
body #gdp-floorbar .ttl { font-size:13px; color:#f4f1e9; }
body #gdp-floorbar .st { color:#c0cad8; }
body #gdp-floorbar .play { background:#b1eef5!important; color:#07151e!important; border-color:#b1eef5!important; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) { #main [data-framer-name="Mix Card"]:hover { transform:translateY(-3px);border-color:#8ed6e78c; } }
@media(max-width:760px) { #main [data-framer-name="Tracklist Section"] { padding-top:24px; } #gdp-scene-floor .cap .s { font-size:13px; } .gdp-board .bc { font-size:12px; } }
@media(prefers-reduced-motion:reduce) { #main [data-framer-name="Mix Card"] { transition:none; } }
#gdp-find { width:min(640px,100%)!important; max-width:640px!important; margin-left:auto!important; margin-right:auto!important; }
#gdp-find input::-webkit-search-cancel-button { -webkit-appearance:none; }
#main [data-framer-name="Archive Header"] { gap:20px; }

/* Readability/accessibility pass: stable high-contrast labels, optional brief light sweep. */
#gdp-scene-floor .cap .s,#gdp-party-cta .sub { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:10px 22px; border:1px solid #b4edf8; border-radius:28px; background:#153645; color:#f5fcff!important; font-size:20px!important; font-weight:750; line-height:1.4; letter-spacing:.02em; text-shadow:none; box-shadow:0 0 18px #70deed33; position:relative; overflow:hidden; }
#gdp-scene-floor .cap .t { font-size:18px; line-height:1.4; letter-spacing:.1em; color:#fff6e8; }
.gdp-entrance-cue,#gdp-controls-here { font-size:16px; line-height:1.5; min-height:48px; color:#f4f1e9; background:#17151f; white-space:normal; text-align:center; }
.gdp-board .bk { font-size:14px!important; line-height:1.5; letter-spacing:.1em; }
.gdp-board .bc { font-size:16px!important; color:#eee8f3; line-height:1.6; }
.gdp-board .bf { font-size:16px!important; min-height:48px; color:#c7f5ff!important; text-decoration:underline; text-underline-offset:5px; }
#main [data-framer-name="Copy"] p,#main [data-framer-name="Footer"] p,#main [data-framer-name="Tracklist Section"] p { font-size:max(1rem,16px)!important; line-height:1.65!important; }
#gdp-filter .gdp-chip,#gdp-coll .gdp-chip { font-size:16px!important; min-height:48px; }
body #gdp-floorbar .st,body #gdp-floorbar .ttl,body #gdp-floorbar button.play::after { font-size:14px; }
body #gdp-floorbar button { min-height:44px; min-width:44px; }
.hud__eyebrow,.hud__time { font-size:14px; color:#d4e1ed; }
.hud__btn,.hud__play,.picker__close { min-height:44px; min-width:44px; }
.picker__filters input,.picker__filters select { font-size:16px; }
#main a:focus-visible,#main button:focus-visible,.gdp-board:focus-visible,#gdp-floorbar button:focus-visible,.hud button:focus-visible,.picker button:focus-visible,.sound button:focus-visible { outline:3px solid #b7f6ff; outline-offset:4px; box-shadow:0 0 0 6px #081018; }
#gdp-scene-floor .cap .s::after,#gdp-party-cta .sub::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(110deg,transparent 20%,#d9faff38 50%,transparent 80%); transform:translateX(-130%); }
@keyframes gdp-entry-sheen { from { transform:translateX(-130%); } to { transform:translateX(130%); } }
@media(prefers-reduced-motion:no-preference) {
 html:not([data-gdp-calm="1"]) #gdp-scene-floor .cap .s::after,html:not([data-gdp-calm="1"]) #gdp-party-cta .sub::after { animation:gdp-entry-sheen 1.6s ease-out 1s 2; }
 .gdp-board:hover .bf,.gdp-board:focus-visible .bf { text-shadow:0 0 10px #93eaff77; }
}
@media(prefers-reduced-motion:reduce) { #gdp-scene-floor .cap .s::after,#gdp-party-cta .sub::after { animation:none; } }
@media(max-width:760px) { #gdp-scene-floor .cap .s,#gdp-party-cta .sub { font-size:18px!important; padding:10px 18px; } .gdp-entrance-cue { max-width:calc(100% - 24px); } .gdp-has-controls-cue { padding-bottom:60px!important; } }
.gdp-has-controls-cue { padding-bottom:76px!important; }
/* Playback CTA uses a stable dark surface so white text stays legible over the facade. */
.gdp-board .bf { background:#153645!important; border-radius:16px; padding:8px 12px; }
@media(max-width:760px) { .gdp-has-controls-cue { row-gap:76px!important; } }
.gdp-station-logo { display:block; width:190px; max-width:100%; height:auto; object-fit:contain; flex-shrink:0; margin:0 auto 14px; }
#gdp-board .gdp-station-logo { width:180px; }
#gdp-live .btn { min-height:48px; font-size:16px; line-height:1.5; }
#gdp-live .where,#gdp-live .note { font-size:16px; line-height:1.6; color:#e0dae8; }
/* Desktop already exposes the persistent player immediately below the door. */
@media(min-width:761px) { .gdp-entrance-cue { display:none; } }

/* Brand hierarchy correction: station identity leads, actions stay compact. */
#gdp-board .gdp-station-logo { width:196px; max-width:100%; height:auto; margin:0 auto 18px; }
#gdp-live .gdp-station-logo { width:231px; }
#gdp-board .bf,#gdp-board-crate .bf { width:auto!important; max-width:100%; min-height:44px; padding:10px 12px!important; margin-top:16px; gap:7px; border:1px solid #d76bc6!important; border-radius:10px!important; background:linear-gradient(130deg,#632858,#421c47)!important; color:#fff4fc!important; font-size:15px!important; font-weight:650; line-height:1.4!important; letter-spacing:.01em!important; text-transform:none!important; text-decoration:none!important; white-space:nowrap; box-shadow:inset 0 1px #ffdcf522,0 4px 12px #12081444; }
#gdp-board .bf .tri { flex:none; font-size:10px; }
#gdp-board[data-on="1"] .bf { white-space:normal; }
#gdp-scene-floor .cap .s,#gdp-party-cta .sub { min-height:46px; padding:10px 24px; border-color:#e18bd3; border-radius:12px; background:linear-gradient(130deg,#702a61,#451c4d); color:#fff4fc!important; font-size:18px!important; font-weight:650; letter-spacing:.01em; box-shadow:inset 0 1px #ffd7f32b,0 6px 18px #190b2840; }
#gdp-scene-floor .cap .t { font-size:16px; letter-spacing:.12em; }
.gdp-board:hover .bf,.gdp-board:focus-visible .bf { border-color:#ffd1f5!important; text-shadow:none; }
#gdp-board-crate .bf { font-size:15px!important; }
@media(max-width:760px) { #gdp-board .gdp-station-logo { width:190px; } #gdp-scene-floor .cap .s { font-size:18px!important; } }

/* Phone composition: compact identity board and unclipped music discovery. */
@media(max-width:760px) {
 .gdp-entrance-cue { display:none; }
 .gdp-has-controls-cue { row-gap:28px!important; padding-bottom:28px!important; }
 #gdp-board { display:grid!important; grid-template-columns:1fr 1fr; width:min(100%,340px)!important; padding:20px 16px!important; gap:10px 12px!important; }
 #gdp-board .gdp-station-logo { grid-column:1; grid-row:1/3; width:150px; margin:0; align-self:center; }
 #gdp-board .bk { grid-column:2; font-size:12px!important; letter-spacing:.06em; }
 #gdp-board .bh { grid-column:2; font-size:32px; line-height:1.1; }
 #gdp-board .bc { grid-column:1/-1; font-size:15px!important; }
 #gdp-board .bf { grid-column:1/-1; justify-self:center; margin-top:4px; }
 #main [data-framer-name="Archive Header"] [data-framer-name="Data"] { flex-wrap:wrap!important; width:100%!important; height:auto!important; justify-content:center!important; gap:6px 10px!important; }
 #gdp-filter,#gdp-coll { display:flex!important; flex-wrap:wrap!important; justify-content:center!important; width:100%!important; max-width:100%!important; gap:8px!important; padding:0 16px!important; box-sizing:border-box; }
 #gdp-filter .gdp-chip,#gdp-coll .gdp-chip { flex:0 0 auto; font-size:14px!important; }
 #gdp-find input { font-size:16px!important; text-overflow:ellipsis; }
 body #gdp-floorbar .meta { overflow:hidden; min-width:0; }
 body #gdp-floorbar .ttl { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
 body #gdp-floorbar .st { font-size:11px; letter-spacing:.04em; }
 #gdp-live { max-height:calc(100dvh - 100px); overflow-y:auto; overscroll-behavior:contain; }
}
@media(max-width:370px) {
 body #gdp-floorbar .art,body #gdp-floorbar .prev,body #gdp-floorbar .next { display:none!important; }
 body #gdp-floorbar .meta { flex:1 1 60px!important; }
 body #gdp-floorbar .ttl { font-size:13px; }
 body #gdp-floorbar button.play { flex-shrink:0; }
}
@media(max-height:500px) and (orientation:landscape) {
 .hud__plate { padding:6px 12px; }
 .hud__eyebrow { display:none; }
 .hud__title { font-size:18px; }
 .hud { padding-bottom:4px; }
}
@media(max-height:500px) and (orientation:landscape) {
 html[data-gdp-club3d] .hud__plate { padding:6px 12px!important; }
 html[data-gdp-club3d] .hud__title { font-size:18px!important; margin-bottom:0; }
 html[data-gdp-club3d] .hud { padding-bottom:4px!important; }
 html[data-gdp-club3d] .hud__scrubrow { margin-bottom:0; }
}

/* Magenta actions react to intent without adding idle animation. */
#gdp-board .bf,#gdp-board-crate .bf,#gdp-scene-floor .cap .s,#gdp-party-cta .sub {
 transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
#gdp-board .bf,#gdp-board-crate .bf { position:relative; overflow:hidden; }
#gdp-board .bf::after,#gdp-board-crate .bf::after {
 content:""; position:absolute; inset:0; pointer-events:none;
 background:linear-gradient(110deg,transparent 20%,#ffddfa45 50%,transparent 80%);
 transform:translateX(-130%);
}
@keyframes gdp-cta-hover-sweep { from { transform:translateX(-130%); } to { transform:translateX(130%); } }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 #gdp-board:hover .bf,#gdp-board-crate:hover .bf,#gdp-scene-floor:hover .cap .s,#gdp-party-cta:hover .sub {
  transform:translateY(-3px) scale(1.035); border-color:#ffd0f5!important;
  box-shadow:0 0 0 1px #ee99de55,0 8px 22px #d63db05c,inset 0 1px #fff0fa55!important;
 }
 #gdp-board:hover .bf::after,#gdp-board-crate:hover .bf::after,
 html:not([data-gdp-calm="1"]) #gdp-scene-floor:hover .cap .s::after,
 html:not([data-gdp-calm="1"]) #gdp-party-cta:hover .sub::after { animation:gdp-cta-hover-sweep .65s ease-out 1!important; }
}
#gdp-board:focus-visible .bf,#gdp-board-crate:focus-visible .bf,#gdp-scene-floor:focus-visible .cap .s,#gdp-party-cta:focus-visible .sub {
 border-color:#ffd0f5!important; box-shadow:0 0 0 2px #ee99de88,0 0 18px #d63db04d!important;
}
@media(prefers-reduced-motion:reduce) {
 #gdp-board .bf,#gdp-board-crate .bf,#gdp-scene-floor .cap .s,#gdp-party-cta .sub { transition:none; }
 #gdp-board .bf::after,#gdp-board-crate .bf::after { animation:none!important; }
}
html[data-gdp-calm="1"] #gdp-board .bf::after,html[data-gdp-calm="1"] #gdp-board-crate .bf::after { animation:none!important; }

/* Keep initial entrance layout changes from pulling the viewport down. */
html[data-gdp-view="floor"],html[data-gdp-view="floor"] body { overflow-anchor:none; }
#gdp-scene-floor .door-entry-label {
 position:absolute; z-index:8; left:8%; right:8%; top:57%;
 display:flex; align-items:center; justify-content:center; gap:8px;
 min-height:48px; padding:10px 8px; border:1px solid #ffb5ee;
 border-radius:6px; background:linear-gradient(135deg,#721358,#aa207e);
 color:#fff; font:700 clamp(15px,1.3vw,19px)/1.3 Inter,sans-serif;
 box-shadow:0 0 18px #ed2fd459,0 3px 10px #0009; pointer-events:none;
 transition:box-shadow .2s ease,background .2s ease;
}
#gdp-scene-floor:hover .door-entry-label,#gdp-scene-floor:focus-visible .door-entry-label {
 background:#a6217d; box-shadow:0 0 26px #ed2fd488,0 3px 10px #0009;
}
#gdp-scene-floor .cap .s { display:none; }
#gdp-scene-floor.gdp-door-opening .door-entry-label { opacity:0; }

/* A full doorway and its instruction fit the first screen, without scrolling. */
#gdp-scene-floor .marquee { height:clamp(130px,22svh,190px); flex:none; }
#gdp-scene-floor .marquee img { height:100%; width:auto; max-width:100%; object-fit:contain; }
#gdp-scene-floor .frame { height:clamp(280px,49svh,420px); }

/* The entry cue reads as lettering on the threshold, not a panel over the door. */
#gdp-scene-floor .door-entry-label {
 top:auto; bottom:12px; left:4%; right:4%; min-height:44px;
 padding:8px 2px; border:0; border-radius:0; background:none;
 font-size:clamp(14px,1.2vw,17px); color:#fff2fb;
 text-shadow:0 1px 3px #000,0 0 5px #000,0 0 12px #ed2fd4;
 box-shadow:none;
}
#gdp-scene-floor:hover .door-entry-label,#gdp-scene-floor:focus-visible .door-entry-label {
 background:none; box-shadow:none; color:#fff;
 text-shadow:0 1px 3px #000,0 0 5px #000,0 0 18px #ed2fd4;
}

/* Physical push sign: attached to the left leaf, just above its brass bar. */
#gdp-scene-floor .door-push-sign {
 position:absolute; left:12%; right:12%; top:36%; padding:6px 2px;
 overflow:hidden; border:1px solid #d4b57a88; border-radius:3px;
 background:#201923; color:#fff3de; text-align:center;
 font:750 clamp(12px,1.1vw,15px)/1.2 Inter,sans-serif;
 text-transform:uppercase; letter-spacing:.07em;
 box-shadow:0 0 9px #ed2fd433; text-shadow:0 0 6px #ed2fd466;
}
#gdp-scene-floor .door-push-sign::after {
 content:""; position:absolute; inset:-30% -60%; pointer-events:none;
 background:linear-gradient(110deg,transparent 40%,#fff4d999 50%,transparent 60%);
 transform:translateX(-100%);
}
@keyframes gdp-push-shine { to { transform:translateX(100%); } }
@media(prefers-reduced-motion:no-preference) {
 html:not([data-gdp-calm="1"]) .door-push-sign::after { animation:gdp-push-shine 1.8s ease-in-out 1s 2; }
}
#gdp-scene-floor:focus-visible .door-push-sign { border-color:#fff3de; box-shadow:0 0 14px #ed2fd488; }

/* Illuminated studio sign: static glow keeps the entrance calm and inexpensive. */
#gdp-board .gdp-air-lamp { display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; width:100%; box-sizing:border-box; padding:17px 8px 13px; margin:12px auto 6px; border:5px solid #30232e; border-radius:9px; background:linear-gradient(165deg,#3e1638,#190b1c 60%,#34132f); box-shadow:0 0 0 1px #96784e,inset 0 0 0 1px #995783,inset 0 0 22px #e945c640,0 0 24px #df3abd30,0 5px 10px #0009; }
#gdp-board .gdp-air-lamp::before { content:""; position:absolute; inset:2px; border-radius:3px; background:linear-gradient(150deg,#ffffff12,transparent 45%); pointer-events:none; }
#gdp-board .gdp-air-type { display:block; color:#fff0fc; font-family:Arial,Helvetica,sans-serif; font-size:clamp(25px,2.7vw,40px); font-weight:900; line-height:1; letter-spacing:.09em; white-space:nowrap; text-shadow:0 0 3px #fff,0 0 8px #f59ade,0 0 17px #df49bd,0 0 28px #aa238e; }
#gdp-board .gdp-air-now { display:block; margin-top:9px; color:#f0b2df; font-size:10px; font-weight:800; letter-spacing:.22em; line-height:1.3; }
@media(max-width:760px) { #gdp-board .gdp-air-lamp { grid-column:2; grid-row:1/3; align-self:center; margin:0; padding:15px 6px 12px; } #gdp-board .gdp-air-type { font-size:clamp(23px,6vw,34px); } }

/* Red marquee bulbs frame the live studio sign on all four sides. */
#gdp-board .gdp-air-lamp { padding:24px 18px; border:6px solid #30232e; background:linear-gradient(155deg,#241114,#090709); box-shadow:0 0 0 1px #ae8a51,inset 0 0 16px #b8142930,0 0 22px #f3294240,0 5px 12px #000a; overflow:hidden; }
#gdp-board .gdp-air-lamp::before { inset:0; border-radius:2px; background:radial-gradient(circle,#fff0eb 0 1px,#ff3948 1.5px 3px,#a60920 3.5px,transparent 5px) center 3px/20px 10px repeat-x,radial-gradient(circle,#fff0eb 0 1px,#ff3948 1.5px 3px,#a60920 3.5px,transparent 5px) center calc(100% - 3px)/20px 10px repeat-x,radial-gradient(circle,#fff0eb 0 1px,#ff3948 1.5px 3px,#a60920 3.5px,transparent 5px) 3px center/10px 20px repeat-y,radial-gradient(circle,#fff0eb 0 1px,#ff3948 1.5px 3px,#a60920 3.5px,transparent 5px) calc(100% - 3px) center/10px 20px repeat-y; filter:drop-shadow(0 0 3px #ff243f); }
#gdp-board .gdp-air-type { position:relative; color:#ff4855; text-shadow:0 0 3px #ffb4b4,0 0 12px #ed193c90; }
#gdp-board .gdp-air-now { position:relative; margin:0 0 7px; color:#fff0ec; font-size:13px; font-weight:900; letter-spacing:.25em; text-shadow:0 0 8px #ff354a; }
#gdp-board .gdp-air-lamp::after { content:""; position:absolute; inset:-40% -90%; pointer-events:none; background:linear-gradient(110deg,transparent 42%,#ffffff30 50%,transparent 58%); transform:translateX(-60%); animation:gdp-air-glint 2.8s ease-in-out 2; }
@keyframes gdp-air-glint { to { transform:translateX(60%); } }
@media(hover:hover) { #gdp-board:hover .gdp-air-lamp { box-shadow:0 0 0 1px #dcb674,inset 0 0 16px #b8142940,0 0 30px #f3294270,0 5px 12px #000a; } }
@media(prefers-reduced-motion:reduce) { #gdp-board .gdp-air-lamp::after { animation:none; display:none; } }
html[data-gdp-calm="1"] #gdp-board .gdp-air-lamp::after { animation:none; display:none; }

/* Keep off-air status readable; the schedule already appears above. */
#gdp-board .bf--offline { display:flex; flex-direction:column; align-items:center; justify-content:center; box-sizing:border-box; height:auto; min-height:44px; padding:10px 6px!important; gap:2px; white-space:normal; flex-shrink:0; }

/* Make the entire live board an unmistakable, keyboard-accessible entry target. */
#gdp-board[data-on="1"] { border-color:#ff6674!important; box-shadow:0 0 0 1px #b88c55,0 0 28px #ed294438!important; }
#gdp-board[data-on="1"] .bf { min-height:52px!important; padding:12px 14px!important; background:#b3132b!important; color:#fff!important; border:1px solid #ff8590!important; font-weight:900; letter-spacing:.04em; line-height:1.35; text-align:center; }
#gdp-board[data-on="1"]:focus-visible { outline:3px solid #fff2cf!important; outline-offset:5px; }
@media(hover:hover) { #gdp-board[data-on="1"]:hover .bf { background:#971025!important; text-shadow:none; } }