/* R12.35 Public LIVE premium stage — isolated to live.rosanix.com.
   Host Desktop / iPad / Android console styles remain untouched. */
:root{--r308-vote-1:#57b7f6;--r308-vote-2:#d5a75a;--r308-vote-3:#64c9ad;--r308-vote-4:#a997e9;--r308-vote-5:#ef918d;--r308-vote-6:#78bada;--r308-vote-7:#c1d986;--r308-vote-8:#d19ac7;--r308-ink:#f0f5ff;--r308-border:rgba(135,175,211,.23)}
body{background:radial-gradient(ellipse 62rem 35rem at 52% -11%,#17436b6c,transparent 68%),radial-gradient(ellipse 30rem 30rem at 99% 44%,#74582715,transparent 75%),linear-gradient(158deg,#07101c 0%,#0b1726 47%,#050e19 100%);color:var(--r308-ink)}
.ambient{opacity:.095;filter:blur(115px)}
.site-header{height:86px;max-width:1300px;border-bottom-color:rgba(134,181,222,.19)}
.brand{gap:14px}.brand-logo{width:53px;height:53px;border:1px solid #87c8f0;box-shadow:0 0 0 4px #2044695e,0 10px 24px #0007}
.brand b{font-size:17px;letter-spacing:.12em}.brand small{font-size:10px;color:#9cc8ef}
.live-pill{font-size:10px;color:#a9bfd4;padding:10px 14px;border:1px solid #4a729150;border-radius:999px;background:#12263b68}
main{width:min(1270px,calc(100% - 42px))}
.join-view{padding-top:55px;padding-bottom:84px;min-height:calc(100dvh - 170px)}
.join-view>.eyebrow{padding:8px 16px;border:1px solid #8db7d144;border-radius:999px;background:#28435b42;font-size:11px;letter-spacing:.2em;color:#9bd3ff}
.join-view h1{max-width:1020px;margin:25px 0 20px;font-size:clamp(2.8rem,7vw,6.4rem);line-height:1.04;letter-spacing:-.057em;text-wrap:balance}
.join-view h1 span{background:linear-gradient(95deg,#68bcfa 0%,#9fcbef 42%,#edc881 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy{max-width:710px;color:#b5c6d9;font-size:clamp(1rem,1.7vw,1.19rem);line-height:1.7;margin-bottom:36px}
.join-card{max-width:715px;padding:15px;border-radius:23px;background:linear-gradient(135deg,#182d43e8,#112034f0);border:1px solid #769cbc6b;box-shadow:0 24px 55px #0007,inset 0 1px #ffffff14}
.join-card>label{padding:8px 10px 12px;font-size:11px;color:#b6cfe4}.code-row{gap:12px}.code-row input{min-width:0;height:64px;border:1px solid #577b9a8a!important;border-radius:13px!important;background:#081a2a!important;color:#fff!important;font-size:19px;letter-spacing:.15em}.code-row .btn{min-height:64px;padding-inline:27px;border-radius:13px;font-weight:850}
.btn-blue{background:linear-gradient(180deg,#3199e3,#176abb)!important;border:1px solid #5ebdf7!important;color:#fff!important;box-shadow:0 8px 20px #0a44863f,inset 0 1px #ffffff54!important}
.btn:hover{filter:brightness(1.09)}.btn:active{transform:translateY(1px)}.btn:disabled{filter:grayscale(.45);cursor:wait;opacity:.66}
.feature-preview{width:min(880px,100%);gap:15px;margin-top:30px}.feature-preview article{padding:22px 12px;border:1px solid #6d97b646;border-radius:19px;background:linear-gradient(165deg,#1c3248b3,#0d1b2dbb);box-shadow:0 12px 30px #0002,inset 0 1px #ffffff13;min-width:0}
.feature-preview .icon{width:49px;height:49px;border-radius:15px;box-shadow:inset 0 1px #ffffff36,0 6px 16px #0004}.feature-preview b{font-size:15px;margin-top:3px}.feature-preview small{font-size:12px;color:#b9cddd}
.live-view{padding:46px 0 80px}.joined-notice{margin:0 0 25px;padding:15px 20px;border-radius:14px;background:linear-gradient(90deg,#10533e,#0d3c36);border-color:#3aaf88;color:#f1fff8}
.session-head{align-items:center;margin-bottom:22px;padding:17px 0}.session-head>div{grid-template-columns:85px minmax(0,1fr);column-gap:19px}.session-head .host-show-logo{width:76px;height:76px;border:1px solid #9ac1e3;border-radius:21px;box-shadow:0 9px 27px #0005}.session-head h1{font-size:clamp(2.25rem,4.8vw,3.6rem);letter-spacing:-.045em}.session-head .eyebrow{font-size:11px;letter-spacing:.16em}
#roomCodeBadge{padding:5px 10px;border-radius:9px;background:#113961aa;border-color:#558cc2}.session-head .btn{padding:14px 17px;border:1px solid #7395af80;background:linear-gradient(#3d5875,#273e58);border-radius:12px}
.section-nav{display:flex;flex-wrap:wrap;gap:11px;margin:15px 0 23px}.nav-button{flex:1 1 155px;max-width:240px;min-width:120px;min-height:99px;padding:15px 13px;border-radius:17px;text-align:center;background:linear-gradient(160deg,#1b324a,#12243a);border:1px solid #54759391;box-shadow:0 8px 18px #0003,inset 0 1px #ffffff18}
.nav-button.active{border-color:#70baf1;background:linear-gradient(145deg,#265b89,#183b60);box-shadow:0 11px 24px #0d619641,inset 0 1px #ffffff33}.nav-button svg{height:25px;width:25px;margin-bottom:11px}.nav-button span{font-size:12px;line-height:1.3}
.sync-status{color:#acc3d8;font-size:12px;margin-bottom:17px;overflow-wrap:anywhere}
.panel{border-radius:24px;background:linear-gradient(155deg,#172d46f2,#0c1b2eea);border:1px solid #6a98bc73;box-shadow:0 16px 45px #0005,inset 0 1px #ffffff14;padding:clamp(18px,3.1vw,34px)}
.panel-title{margin-bottom:25px}.panel-title h2{font-size:clamp(1.5rem,2.9vw,2.1rem)}.panel-title small{color:#85c5f5;font-size:11px}.panel-title .icon{width:52px;height:52px;border-radius:16px}
.journey-card,.content-card,.option-card{border:1px solid #779db56c;border-radius:17px;background:linear-gradient(140deg,#1a354d,#15273c);box-shadow:inset 0 1px #ffffff12;min-width:0;padding:17px 20px}.content-card{border-color:#88b6d976}
.r308-vote-option{min-height:90px;gap:17px;transition:border-color .2s,box-shadow .2s}.r308-vote-option:focus-within,.r308-vote-option:hover{border-color:#8dc6ed;box-shadow:0 7px 22px #0003,inset 0 1px #ffffff20}.r308-vote-option .option-image{width:71px;height:71px;flex:none;object-fit:cover;border-radius:18px;border:2px solid #89b9d9}.r308-vote-option .rank{height:45px;width:45px;border-radius:12px;background:#274863;color:#d2e4f3}
.r308-vote-singer .option-image{border-radius:50%;width:78px;height:78px}.r308-vote-option b{font-size:17px;overflow-wrap:anywhere}.r308-vote-option small{font-size:13px;color:#c0d2e2}.r308-vote-feedback{margin:0;border:1px solid #3da784;background:#11503d75;padding:12px 16px;color:#d3ffe8;border-radius:12px;font-size:13px;font-weight:700}
.r308-results-hero{text-align:center;padding:clamp(22px,3.5vw,42px);border-radius:23px;border:1px solid #b39d62a8;background:radial-gradient(ellipse 85% 70% at 50% 0,#80652e47,transparent 70%),linear-gradient(140deg,#213547,#0e2437 64%,#101e30);box-shadow:inset 0 1px #fff4,0 15px 34px #0004}
.r308-kicker{font-size:10px!important;font-weight:900;letter-spacing:.16em;color:#dfc180!important;text-transform:uppercase}
.r308-results-hero>h3{font-size:clamp(1.7rem,3.3vw,2.65rem);line-height:1.15;letter-spacing:-.037em;margin:12px 0 5px}
.r308-event-title{font-size:15px;color:#c6d7e5;margin:0 0 20px}
.r308-champions{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:14px;margin:16px auto}
.r308-champion{min-width:0;width:min(295px,100%);display:flex;flex-direction:column;align-items:center;gap:12px;padding:23px;border-radius:18px;border:1px solid #b7a16e80;background:#122839bf;box-shadow:inset 0 1px #ffffff15}
.r308-photo-shell,.r308-singer-photo{display:grid;place-items:center;flex:none;overflow:hidden;background:linear-gradient(140deg,#184163,#254b64);border:3px solid #ddb96d;box-shadow:0 5px 21px #0006}
.r308-photo-shell{width:101px;height:101px;border-radius:50%}.r308-photo-shell .r308-portrait{height:100%;width:100%;object-fit:cover}.r308-avatar-fallback{color:#ffe7ad;font-size:36px;font-weight:900;line-height:1}
.r308-champion b,.r308-champion small{display:block;overflow-wrap:anywhere}.r308-champion b{font-size:19px}.r308-champion small{font-size:12px;color:#c1d9e8}.r308-winner-tag{font-size:10px;font-weight:900;letter-spacing:.1em;border:1px solid #dab36c;border-radius:99px;padding:5px 15px;background:#7557244c;color:#ffdfa2}
.r308-summary{display:block;color:#d9c9a3;font-size:12px;line-height:1.6}.r308-section-title{font-size:19px;margin:18px 4px 0;letter-spacing:-.02em}
.r308-singer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px}.r308-singer-card{display:flex;gap:16px;align-items:center;padding:20px;border:1px solid #648db373;background:linear-gradient(150deg,#223b53,#162b40);border-radius:20px;box-shadow:0 12px 26px #0003;min-width:0}.r308-singer-card.r308-first{border-color:#d7b66e9c;background:linear-gradient(155deg,#3b382f,#1a3042)}
.r308-singer-photo{width:76px;height:76px;border-radius:50%;border-color:#789fc5}.r308-first .r308-singer-photo{border-color:#f0bf68}.r308-singer-photo img{width:100%;height:100%;object-fit:cover}.r308-singer-photo .r308-avatar-fallback{font-size:29px}.r308-singer-details{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.r308-singer-details b{font-size:17px;overflow-wrap:anywhere;line-height:1.22}.r308-singer-details small{font-size:12px;color:#c3dbea}.r308-score{font-size:13px;font-weight:800;color:#9bd4ff;margin-top:4px}
.r308-poll-chart{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,138px),1fr));gap:13px;align-items:end;padding:22px 16px 19px;border-radius:22px;border:1px solid #7296b16e;background:linear-gradient(170deg,#142b42,#0c1f34);min-width:0}
.r308-chart-column{--r308-color:#68b8ed;min-width:0;text-align:center}.r308-chart-plot{height:210px;display:flex;align-items:end;justify-content:center;border-bottom:1px solid #a1c6dc57;background:repeating-linear-gradient(0deg,transparent,transparent calc(25% - 1px),#ffffff11 25%)}
.r308-chart-bar{min-width:30px;width:min(78px,80%);border-radius:10px 10px 0 0;background:linear-gradient(165deg,color-mix(in srgb,var(--r308-color),white 16%),var(--r308-color));box-shadow:0 0 0 1px #ffffff24 inset,0 5px 15px #0006;position:relative;display:flex;align-items:flex-start;justify-content:center}
.r308-chart-bar strong{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);font-size:12px;white-space:nowrap;color:#f7faff}.r308-chart-column>b{display:block;font-size:12px;line-height:1.35;margin-top:13px;overflow-wrap:anywhere}.r308-chart-column>small{display:block;color:#d0deeb;font-size:11px;margin-top:5px}
.r308-publication-footer{display:block;margin:10px 5px 0;text-align:right;color:#a5c2d9;font-size:11px}
footer{max-width:1270px;color:#849eb7}
@media(max-width:820px){main,.site-header,footer{width:calc(100% - 34px)}.feature-preview{gap:11px}.section-nav{gap:9px}.nav-button{min-height:88px;flex-basis:130px}.r308-singer-card{padding:16px}}
@media(max-width:600px){.site-header{height:73px}.live-pill{font-size:0;padding:10px}.live-pill:after{content:'LIVE';font-size:10px}.join-view{padding:42px 0 66px;min-height:auto}.join-view h1{font-size:clamp(2.8rem,12vw,4.2rem)}.hero-copy{font-size:15px;margin-bottom:25px}.join-card{padding:12px;border-radius:18px}.code-row{grid-template-columns:minmax(0,1fr);gap:10px}.code-row input{height:58px}.code-row .btn{min-height:53px}.feature-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}.feature-preview article{border:1px solid #6d97b646;padding:15px 7px}.feature-preview .icon{width:43px;height:43px}.feature-preview b{font-size:13px}.feature-preview small{font-size:11px}.live-view{padding:23px 0 65px}.session-head{display:flex;flex-direction:column;align-items:stretch;gap:15px}.session-head>div{grid-template-columns:54px minmax(0,1fr);column-gap:12px}.session-head .host-show-logo{width:50px;height:50px;border-radius:14px}.session-head h1{font-size:clamp(1.8rem,8vw,2.4rem)}.session-head .btn{width:100%;margin:0}.section-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.nav-button{max-width:none;min-width:0;min-height:82px}.nav-button span{font-size:12px}.panel{padding:17px;border-radius:20px}.panel-title{gap:12px}.panel-title .icon{width:45px;height:45px}.panel-title h2{font-size:clamp(1.3rem,6vw,1.7rem)}.r308-vote-option{padding:12px;gap:11px;align-items:center;flex-wrap:wrap}.r308-vote-singer .option-image{width:62px;height:62px}.r308-vote-option .btn{width:100%;margin-top:6px}.r308-results-hero{padding:20px 14px}.r308-champion{padding:15px}.r308-singer-grid{grid-template-columns:1fr}.r308-poll-chart{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px;padding:18px 10px}.r308-chart-plot{height:180px}.r308-chart-column>b{font-size:12px}.r308-publication-footer{text-align:left}}
@media(max-width:360px){main,.site-header,footer{width:calc(100% - 22px)}.panel{padding:12px}.r308-singer-photo{width:59px;height:59px}.r308-singer-card{gap:10px;padding:12px}.r308-poll-chart{grid-template-columns:1fr}.r308-chart-plot{height:135px}}
@media(prefers-reduced-motion:reduce){.r308-vote-option{transition:none}}