/* The two original themes retain their original CSS. These are scoped descendants only. */
.room-main{flex:1;display:flex;flex-direction:column;justify-content:center;gap:13px;padding:20px 0 0}.room-intro{text-align:center}.room-intro .eyebrow{margin:0 0 9px}.room-main .room-intro h1{font-size:47px;line-height:1.01;margin:0 0 8px;letter-spacing:-.8px}.t2 .room-main .room-intro h1{font-size:43px;letter-spacing:-1px}.room-intro>p:last-of-type{font-size:12px;line-height:1.5;margin:0}.room-illustration{height:104px;margin-top:8px}.room-illustration .hero-art,.t1 .room-illustration .hero-art,.t2 .room-illustration .hero-art{height:104px;width:100%;margin:0}.room-share{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.room-share>div{display:flex;flex-direction:column;gap:3px}.room-share>div>span{font-size:9px;letter-spacing:1.5px;font-weight:700}.room-share strong{font-family:Grotesk;font-size:24px;letter-spacing:1px}.room-share>button{border:0;border-radius:var(--radius);background:var(--accent);color:var(--on-accent);padding:11px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800}.room-share svg{width:17px;height:17px}.roster-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}.roster-title strong{font-size:14px}.roster-title>span{font-size:9px;font-weight:700;letter-spacing:.5px;color:var(--muted)}.roster-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.roster-player{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:10px;display:flex;align-items:center;gap:8px}.roster-player>div{display:grid;gap:2px}.roster-player strong{font-size:12px}.roster-player div>span{font-size:9px;color:var(--muted)}.roster-player .avatar{width:30px;height:30px;flex-shrink:0}.roster-player .av-1{background:#b5c9f1}.roster-player .av-2{background:#eab3d4}.roster-player .av-3{background:#b8dfb8}.ready-dot{margin-left:auto;font-size:11px;color:var(--ink)}.round-picker>span{font-size:9px;font-weight:800;letter-spacing:1px}.round-picker>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:7px}.round-picker button{min-height:47px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;padding:9px 11px;gap:6px;font-size:11px;font-weight:800}.round-picker small{font-size:9px;font-weight:500}.round-picker button.selected{background:var(--ink);color:var(--bg);border-color:var(--ink)}.room-main>.tiny{margin-top:0}.room-main>.primary{min-height:49px}
/* Track Club: the sports family as a green clubhouse with jersey typography. */
.v-track{--bg:#e5ecd8;--ink:#163d30;--muted:#3d5e49;--accent:#eeff65;--on-accent:#163d30;--surface:#f7f9ec;--line:#afc3a5;--radius:5px}.v-track .hero{background:#245a42;color:#f9f5dc}.v-track .hero .hero-caption{border-color:#96b28c}.v-track .primary{box-shadow:0 4px 0 #9eaf56}.v-track .room-share{border-top:4px solid #245a42}.v-track .room-share>button{background:#245a42;color:#f9f5dc}.v-track .roster-player{border:0;border-left:4px solid #245a42}.v-track .room-main .room-intro h1{font-size:49px;letter-spacing:0}.v-track .room-roster{border-top:1px dashed #8ba882;padding-top:12px}.v-track .ready-dot{background:#eeff65;border-radius:50%;width:17px;height:17px;display:grid;place-items:center}.v-track .time-line{border:0;background:#245a42;color:#f9f5dc;padding:14px;border-radius:3px}.v-track .time-line small{color:#f9f5dc}.v-track .live-scores{border-top:4px solid #245a42}.v-track .target{box-shadow:0 0 0 4px #f7f9ec,0 5px 0 #8fabc2}.v-track .result-medal{background:#eeff65;color:#163d30;border:8px double #245a42;border-radius:50%;transform:none}.v-track .result-medal>*{transform:none}.v-track .result-rows>div:first-child{background:#eeff65}.v-track .dock button.active{background:#245a42;color:#f9f5dc}
/* Pit Lane: sports timing-board panels and a real checkered motif. */
.v-pit{--bg:#12265c;--ink:#f4f7ff;--muted:#c0d0ed;--accent:#ff9b58;--on-accent:#13224a;--surface:#20396d;--line:#4f6497;--radius:4px;background-image:linear-gradient(115deg,transparent 80%,#24417c 80%);background-attachment:fixed}.v-pit .hero{background:#20396d;color:#f4f7ff}.v-pit .hero-caption{border-color:#6886ba}.v-pit .icon-button{border-color:#7790bc}.v-pit .brand-mark{color:#ff9b58}.v-pit .primary{box-shadow:4px 4px 0 #081b47}.v-pit .room-main .room-intro h1{font-size:48px}.v-pit h1 em{color:#ff9b58}.v-pit .room-share{border:1px solid #7891bf}.v-pit .roster-player{border-radius:0;border-bottom:3px solid #7891bf}.v-pit .round-picker button.selected{background:#ff9b58;color:#13224a;border-color:#ff9b58}.v-pit .time-line{border:1px solid #7189b5;background:#0d1e48;padding:13px 14px}.v-pit .time-line strong{color:#ff9b58}.v-pit .target{box-shadow:0 0 0 4px #f4f7ff,0 8px 0 #081a42}.v-pit .live-scores{border:0;border-left:5px solid #ff9b58}.v-pit .result-medal{background:#ff9b58;color:#13224a;border:0;border-radius:7px;transform:none;box-shadow:8px 8px 0 #081b47}.v-pit .result-medal>*{transform:none}.v-pit .results-main .result-medal:before{content:'';position:absolute;top:-9px;left:0;right:0;height:12px;background:repeating-conic-gradient(#f4f7ff 0 25%,#12265c 0 50%) 0/20px 20px}.v-pit .result-rows>div:first-child{background:#f4f7ff;color:#13224a}.v-pit .result-rows>div:first-child b{color:#364a73}.v-pit .dock button.active{background:#ff9b58;color:#13224a}
/* Soda Pop: a lemon soda shop, fizzy outlines and raspberry pill buttons. */
.v-soda{--bg:#fff1a2;--ink:#653157;--muted:#78506a;--accent:#c62273;--on-accent:#fff;--surface:#fff9dd;--line:#dbc06b;--radius:25px}.v-soda h1 em{color:#b31c63}.v-soda .primary{background:#c62273;box-shadow:0 5px 0 #8f2058}.v-soda .secondary{background:#b8edf0;color:#653157;box-shadow:0 4px 0 #8fc6ce}.v-soda .crew{background:#fff9dd}.v-soda .room-share{border:0;box-shadow:0 4px 0 #d0b95f}.v-soda .room-share>button{background:#c62273;color:white}.v-soda .room-main .room-intro h1{font-size:41px}.v-soda .roster-player{border:0;border-bottom:4px solid #cbb45d;border-radius:20px}.v-soda .ready-dot{color:#9d1756}.v-soda .round-picker button{border:0}.v-soda .round-picker button.selected{background:#b8edf0;color:#653157;box-shadow:0 3px 0 #8fc6ce}.v-soda .time-line{background:#b8edf0;color:#653157}.v-soda .time-line small{color:#653157}.v-soda .target{box-shadow:inset 5px 5px 0 #fff3,inset -4px -7px 0 #0002,0 0 0 4px #fff9dd,0 7px 0 #d0b95f}.v-soda .live-scores{border:0;background:#fff9dd;box-shadow:0 4px 0 #d0b95f}.v-soda .result-medal{background:#b8edf0;color:#653157;box-shadow:0 0 0 7px #fff9dd,0 10px 0 #d6ba66}.v-soda .result-rows>div:first-child{background:#f7c5df}.v-soda .dock{background:#fff9dd;box-shadow:0 6px 0 #d0b95f}.v-soda .dock button.active{background:#c62273;color:white}
/* Jelly Club: layered clay, pillowy controls and a mint-blue clubhouse. */
.v-jelly{--bg:#bbdffc;--ink:#233d61;--muted:#405e7f;--accent:#ec8b6a;--on-accent:#182f50;--surface:#e9f5ff;--line:#87accd;--radius:25px;background-image:radial-gradient(circle at 100% 10%,#d5f4f2aa,transparent 45%)}.v-jelly h1 em{color:#315d8b}.v-jelly .primary{background:#ec8b6a;box-shadow:inset 0 2px 0 #ffd8c2,0 5px 0 #b46c55}.v-jelly .secondary{background:#b8ebcc;box-shadow:inset 0 2px 0 #e7fff1,0 4px 0 #7fab95}.v-jelly .crew{background:#e9f5ff}.v-jelly .room-share{border:1px solid #f5fbff;box-shadow:0 5px 0 #7da5c5}.v-jelly .room-share>button{background:#b8ebcc;color:#233d61;box-shadow:0 3px 0 #7fab95}.v-jelly .room-main .room-intro h1{font-size:42px}.v-jelly .roster-player{border:0;box-shadow:0 4px 0 #8cb3cf}.v-jelly .roster-player:nth-child(even){background:#d5f0df}.v-jelly .round-picker button{border:0}.v-jelly .round-picker button.selected{background:#233d61;color:white;box-shadow:0 4px 0 #0e2945}.v-jelly .time-line{background:#e9f5ff;color:#233d61;box-shadow:0 4px 0 #8bb6d4}.v-jelly .time-line small{color:#405e7f}.v-jelly .target{box-shadow:inset 4px 5px 0 #ffffff25,inset -5px -7px 0 #0002,0 7px 0 #6f9bbf;border-radius:44% 48% 46% 49%}.v-jelly .live-scores{background:#d5f0df;border:0;box-shadow:0 5px 0 #7fab95}.v-jelly .result-medal{background:#b8ebcc;color:#233d61;border-radius:44% 49% 46% 48%;box-shadow:inset 0 4px 0 #e7fff1,0 10px 0 #7fab95}.v-jelly .result-rows{background:#e9f5ff;border:0;box-shadow:0 4px 0 #8cb3cf}.v-jelly .result-rows>div:first-child{background:#fbc4a8}.v-jelly .dock{background:#e9f5ff;box-shadow:0 6px 0 #7da5c5}.v-jelly .dock button.active{background:#ec8b6a;color:#182f50}
.room-main{padding-top:14px;gap:10px}.room-main .room-intro h1,.v-track .room-main .room-intro h1,.v-pit .room-main .room-intro h1{font-size:44px}.room-illustration,.room-illustration .hero-art,.t1 .room-illustration .hero-art,.t2 .room-illustration .hero-art{height:76px}.room-share{padding:10px 13px}.roster-player{padding:8px}.roster-title{margin-bottom:7px}
.v-track .home-main .hero h1{font-size:58px}.v-track .hero .family-art{background:#e5ecd8;border-radius:4px}
@media(max-height:760px){.room-main{padding-top:10px;gap:9px}.room-main .room-intro h1,.v-track .room-main .room-intro h1,.v-pit .room-main .room-intro h1{font-size:40px}.t2 .room-main .room-intro h1{font-size:36px}.room-illustration,.room-illustration .hero-art,.t1 .room-illustration .hero-art,.t2 .room-illustration .hero-art{height:64px}.room-share{padding:8px 11px}.roster-title{margin-bottom:6px}}
