/* Adapted from the live MadVibez Radio app's 520px shell, cards and bottom navigation. */
*{box-sizing:border-box}body{margin:0;background:#050505;color:#fff;font:16px Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #ffd400;outline-offset:4px}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}.app{max-width:520px;margin:auto;min-height:100vh;padding:24px 18px 110px;background:radial-gradient(circle at top,#152315 0,#080808 35%,#050505 70%)}.skip{position:absolute;top:-80px}.skip:focus{top:8px;left:8px;z-index:2000;background:#050505;padding:12px}.hero{display:flex;gap:18px;align-items:center;margin:-24px -18px 0;padding:26px 18px 24px;background:radial-gradient(circle at 20% 20%,#267b3338,transparent 60%),linear-gradient(135deg,#a9141424,transparent 38%,#00783729);border-bottom:3px solid #e3bd00;border-radius:0 0 22px 22px}.logo{display:block;width:138px;max-width:34vw;height:auto;object-fit:contain;flex-shrink:0}.eyebrow{font-size:12px;letter-spacing:1.2px;color:#ddd;font-weight:700;margin:0 0 10px}.tagline{color:#ffd21a;font-size:clamp(22px,6vw,29px);font-weight:900;line-height:1.1;margin:0 0 12px}.regions{font-size:12px;color:#bbb;line-height:1.5;margin:0}.install-row{display:flex;gap:8px;margin:18px 0 10px}.outline{border:2px solid #e3bd00;border-radius:12px;background:#050505;color:#fff;padding:12px 14px;font-size:13px;font-weight:800;text-decoration:none;text-align:center;line-height:1.4}.install-row .outline:first-child{flex:1}.block{display:block;width:100%;margin:15px 0}.status{color:#aaa;font-size:13px;line-height:1.5;margin:12px 0;min-height:18px}.status:empty{display:none}.heading,.section-title{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:24px 0 14px}h1{font-size:27px;line-height:1.18;letter-spacing:-.6px;margin:24px 0 12px}h2{font-size:21px;line-height:1.25;margin:0}.heading h1{margin:0}.small-button,.text-button{border:0;background:transparent;color:#ffd400;font-size:12px;font-weight:800;padding:8px 0}.intro{color:#bbb;line-height:1.5;margin:0 0 20px}.tab-view{display:none}.tab-view.active{display:block}.news-list{display:grid;gap:12px}.news-card{display:flex;align-items:center;gap:12px;padding:11px;border:1px solid #333;border-radius:14px;background:#111;color:white;text-align:left;width:100%}.news-card img{width:91px;height:91px;object-fit:cover;border-radius:10px;flex:0 0 91px;background:#090909}.news-copy{min-width:0}.news-title{font-size:16px;font-weight:800;line-height:1.25;margin:6px 0 8px}.category{font-size:11px;letter-spacing:.65px;color:#ffd400;text-transform:uppercase;font-weight:800;line-height:1.4}.date{font-size:12px;color:#aaa;line-height:1.4}.lead-card{display:block;padding:0;overflow:hidden;border-color:#e3bd00}.lead-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px 12px 0 0}.lead-card .news-copy{padding:16px}.lead-card .news-title{font-size:23px;line-height:1.16;margin:9px 0 13px}.lead-card .excerpt{font-size:14px;color:#bbb;line-height:1.55;margin:0 0 12px}.radio-card{display:flex;align-items:center;gap:20px;padding:20px 18px;border:1px solid #159447;border-radius:18px;background:linear-gradient(135deg,#12231a,#0d0d0d 60%);text-decoration:none;margin:26px 0}.radio-card>span{font-size:42px;color:#ffd400}.radio-card strong{font-size:21px}.radio-card p{font-size:13px;line-height:1.5;color:#bbb;margin:6px 0 12px}.radio-card b{font-size:12px;color:#ffd400}.bottom-tabs{position:fixed;z-index:50;left:50%;bottom:0;transform:translateX(-50%);width:min(520px,100%);display:grid;grid-template-columns:repeat(5,1fr);background:#050505f7;border-top:1px solid #333;padding:7px 4px calc(7px + env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.tab-btn{border:0;background:transparent;color:#aaa;padding:4px 1px;font-size:12px;font-weight:800;min-height:49px}.tab-btn span{display:block;font-size:23px;line-height:27px;margin-bottom:3px}.tab-btn.active{color:#ffd400}.filters{display:flex;gap:8px;overflow:auto;padding:4px 2px 13px;margin-bottom:8px}.filters button{border:1px solid #444;background:#111;color:#ccc;border-radius:20px;padding:9px 13px;font-size:14px}.filters button[aria-pressed=true]{background:#ffd400;border-color:#ffd400;color:#111;font-weight:700}.event-note{border-left:3px solid #e3bd00;background:#171500;padding:12px;font-size:13px;color:#d2cba4;line-height:1.5}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.card{display:flex;min-height:100px;align-items:center;justify-content:center;text-align:center;padding:14px;border:1px solid #333;border-radius:14px;background:#111;color:#fff;text-decoration:none;font-weight:800;line-height:1.4}.card:nth-child(2){border-color:#e3bd00}.card:nth-child(3){border-color:#d71920}.card:nth-child(4){border-color:#159447}.panel{margin:24px 0;padding:16px;border:1px solid #333;border-radius:18px;background:#0d0d0d}.social-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.social-links a{display:block;padding:10px 12px;border:1px solid #444;border-radius:9px;text-decoration:none;font-size:14px}.sponsor-slot{margin:24px 0;display:grid;gap:12px}.sponsor-card{padding:16px;border:1px solid #e3bd00;border-radius:16px;background:#101010;text-decoration:none}.sponsor-card img{width:100%;height:110px;object-fit:contain;margin:10px 0}.sponsor-card p{color:#bbb;font-size:14px;line-height:1.5}.sponsor-card b{display:block;margin-top:8px}.empty{padding:26px 18px;border:1px solid #333;background:#111;border-radius:14px;color:#bbb;line-height:1.6}footer{color:#777;font-size:12px;text-align:center;margin:28px 0 0}dialog{color:#fff;background:#0b0b0b;border:1px solid #444;border-radius:16px;padding:22px;width:calc(100% - 24px);max-width:520px;max-height:calc(100dvh - 24px);overflow:auto}dialog::backdrop{background:#000c}#reader{max-height:100dvh;height:100dvh;width:min(520px,100%);margin:0 auto;border-radius:0;padding:18px 18px calc(28px + env(safe-area-inset-bottom))}.reader-toolbar{display:flex;justify-content:space-between;gap:10px;position:sticky;top:-18px;padding:12px 0;background:#0b0b0b;z-index:1}#articleCategory{margin:20px 0 10px}#articleTitle{font-size:28px;line-height:1.16;margin-top:8px}#articleImage{width:100%;height:auto;display:block;border-radius:12px;margin:20px 0}#articleBody{font-size:17px;line-height:1.75;overflow-wrap:anywhere}#articleBody p{margin:18px 0}#articleVideo iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px}#installHelp p{line-height:1.65;color:#ccc}#installHelp .outline{width:100%}body.modal-open{overflow:hidden}@media(max-width:360px){.hero{gap:13px}.eyebrow{font-size:10px}.regions{font-size:11px}.news-card img{width:78px;height:78px;flex-basis:78px}.lead-card img{width:100%;height:auto}.news-title{font-size:15px}.lead-card .news-title{font-size:22px}.heading h1{font-size:24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}