/* Connection-specific components use the established palette and surface roles. */
.live-avatar{display:inline-grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;font-size:15px;font-weight:800;background:var(--ice-surface,#d6edf4);color:var(--ice-text,#193843);border:2px solid var(--creator-accent,var(--cyan));box-shadow:0 4px 14px #0002}
.live-avatar.large{width:64px;height:64px;font-size:28px}
.live-identity{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px}.live-identity small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:3px}.live-login{min-height:38px;padding:9px 15px;white-space:nowrap}.live-nav-icon{display:inline-grid;place-items:center;min-width:18px;font-size:20px;line-height:1}
.live-access{max-width:720px;margin:24px auto;padding:32px}.live-access .core-form{margin-top:25px}.live-login-options{display:grid;gap:12px;margin-top:20px}.live-login-options .core-option{display:flex;align-items:center;gap:12px;text-align:left}.live-login-options small{display:block;font-size:12px;margin-top:4px}.live-choices{display:grid;gap:10px}.live-choices .core-option{display:flex;align-items:center;gap:12px;cursor:pointer}.live-choices .core-option span{flex:1;overflow-wrap:anywhere}.live-choices input[type=radio]{width:18px;height:18px;flex:none;accent-color:var(--cyan)}.live-choices .core-option b{font-size:12px;white-space:nowrap}.live-rules{margin:18px 0;padding:16px 18px;border-radius:12px;background:var(--surface-raised,#24303b);color:var(--text)}.live-rules summary{font-weight:700;cursor:pointer}.live-rules p{line-height:1.65;white-space:pre-line;margin-top:12px}.live-prize{padding:17px;margin:20px 0;border-radius:12px;background:var(--reward-surface,#423626);color:var(--reward-text,#ffe1a4);font-weight:700}.live-hash{overflow-wrap:anywhere;font-family:monospace;font-size:12px}.live-promotion-art{min-height:150px;display:grid;place-items:center;font-size:52px;background:linear-gradient(130deg,var(--primary-soft,#234641),var(--ice-surface,#abdbe4));color:var(--primary,#bef264)}
.live-winner-grid,.live-widget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.live-studio-list{padding:0 24px 18px}.live-studio-item{padding:24px 0;display:flex;align-items:center;gap:18px;border-bottom:1px solid #ffffff12}.live-studio-item:last-child{border:0}.live-studio-item>div:first-child{flex:1;min-width:0}.live-studio-item h3{margin:6px 0 8px;overflow-wrap:anywhere}.live-studio-item p{color:var(--muted);margin-bottom:10px}.live-studio-item .core-buttons{justify-content:flex-end;max-width:310px}.live-studio-list .empty-state{padding-inline:0}.live-notice{padding:22px 26px;border-bottom:1px solid #ffffff12}.live-notice h3{font-size:16px;line-height:1.6;margin:9px 0 11px;white-space:pre-line;overflow-wrap:anywhere}.live-board>.board-row{padding-inline:24px;min-height:72px}.live-widget-intro{padding:30px}.live-widget-intro h2{margin:10px 0 15px}.live-widget-intro p{max-width:680px;line-height:1.65;margin-bottom:22px;color:var(--muted)}.live-widget-grid>.panel{padding:26px}.live-widget-grid h3{margin-bottom:15px}.live-widget-grid .core-buttons{margin-top:22px}.core-brand-preview>.live-avatar{margin:24px auto}.consent{display:flex;gap:12px;align-items:flex-start;line-height:1.55;font-size:14px}.consent input{width:18px;height:18px;flex:none;accent-color:var(--cyan);margin-top:2px}
@media(max-width:800px){.live-studio-item{flex-wrap:wrap}.live-studio-item>div:first-child{flex-basis:calc(100% - 120px)}.live-studio-item .core-buttons{max-width:100%;justify-content:flex-start}.live-winner-grid,.live-widget-grid{grid-template-columns:1fr}.live-identity small{display:none}.live-access{padding:24px}}
@media(max-width:480px){.topbar{flex-wrap:wrap}.topbar .page-title{flex:1 0 100%;width:100%}.topbar .account-controls{flex:1 1 100%;width:100%;max-width:100%;flex-wrap:wrap;gap:8px;justify-content:flex-start}.live-identity{flex:1;font-size:12px;gap:6px;min-width:0;max-width:100%;overflow-wrap:anywhere}.live-identity>.live-avatar{display:none}.live-login{font-size:12px;padding:8px 10px}.live-studio-list{padding-inline:18px}.live-studio-item .core-buttons{width:100%}.live-choices .core-option{padding:14px 12px}.live-choices .core-option b{font-size:11px}.live-notice{padding:20px}.live-board>.board-row{padding-inline:18px}}
html[data-palette] .calm-rail .progress-card .points-total strong{color:var(--on-primary)!important}
html[data-palette] .calm-rail .progress-card .fine{color:var(--primary-muted)!important}
.live-avatar{background:var(--ice-container);color:var(--on-ice)}
.live-rules{color:var(--text-primary)}
.live-heading h2{font-size:1.65rem;line-height:1.25;margin:12px 0}.live-heading .modal-copy{color:var(--text-secondary)}.live-heading>.modal-symbol{background:var(--theme-accent);color:var(--on-primary);font-size:24px}
.live-choices.activity-options{grid-template-columns:1fr}.live-choices .option:focus-within{outline:2px solid var(--modal-accent);outline-offset:2px}.live-choices .option input:disabled{opacity:1}
html[data-palette] dialog .activity-options .option.selected,html[data-palette] dialog .activity-options .option.selected>span,html[data-palette] dialog .activity-options .option.selected>b{color:var(--modal-deep)!important}
html[data-palette] dialog .activity-options .option.selected input{accent-color:var(--modal-deep)}
/* Direct destinations separate community feedback from prize-based giveaways. */
.hub-destinations{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0 30px}
.hub-destination{position:relative;display:block;min-height:206px;overflow:hidden;padding:24px 24px 42px;border-radius:20px;text-decoration:none;background:var(--primary-soft);color:var(--text-primary);box-shadow:0 16px 32px -20px #000b,inset 0 1px #ffffff16;transition:transform .18s ease,box-shadow .18s ease}
.hub-destination:before{content:'';position:absolute;width:135px;height:135px;right:-38px;top:-34px;border-radius:50%;border:22px solid currentColor;opacity:.06;pointer-events:none}
.hub-destination[data-destination=activities]{background:var(--coral-container);color:var(--on-coral)}
.hub-destination[data-destination=leaderboard]{background:var(--ice-container);color:var(--on-ice)}
.hub-destination[data-destination=wins]{background:var(--blue-container);color:var(--on-blue)}
.hub-destination h3{font-size:1.15rem;line-height:1.25;color:inherit;margin:26px 0 8px;letter-spacing:-.02em}.hub-destination p{font-size:13px;line-height:1.6;color:inherit;opacity:.86;margin:0;max-width:24ch}
.destination-icon{font-size:30px;line-height:1}.destination-meta{font-size:11px;font-weight:700;float:right;padding:6px 8px;border-radius:7px;background:#ffffff12}.destination-arrow{position:absolute;right:20px;bottom:16px;font-size:20px;opacity:.65}
.hub-destination:hover{transform:translateY(-4px);box-shadow:0 20px 30px -16px #000c}.hub-destination:focus-visible{outline:3px solid var(--theme-accent);outline-offset:4px}
.hub-featured{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:22px;align-items:stretch}.hub-featured>*{min-width:0}.hub-featured .spotlight{height:100%;min-height:330px}.hub-featured .core-winner{height:100%}.hub-quiet{padding:28px;height:100%}.hub-checkin{display:flex;align-items:center;gap:24px;margin-top:26px;padding:22px 26px}.hub-checkin>div{flex:1}.hub-checkin p{margin-top:6px;font-size:13px;color:var(--text-secondary)}
html[data-palette] .hub-activity-list{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-palette] .hub-activity-list .core-activity[data-kind]{grid-column:auto;min-height:300px;flex-direction:column}
html[data-palette] .hub-activity-list .core-activity[data-kind] .activity-copy{max-width:100%}
html[data-palette] .hub-activity-list .core-activity[data-kind] .activity-detail{max-width:100%;margin-top:16px}
@media(max-width:1200px){.hub-destinations{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-destination{min-height:180px}.hub-destination h3{margin-top:18px}}
@media(max-width:900px){.hub-featured{grid-template-columns:1fr}.hub-checkin{flex-wrap:wrap}.hub-checkin>div{flex-basis:100%}}
@media(max-width:600px){.hub-destinations{gap:12px}.hub-destination{padding:18px 18px 40px;min-height:194px}.hub-destination h3{font-size:1rem}.hub-destination p{font-size:12px}.destination-meta{float:none;display:block;width:fit-content;margin-top:12px}.destination-icon{font-size:26px}.hub-destination h3{margin-top:14px}.hub-destination:before{right:-72px;top:-55px}.hub-featured .spotlight{min-height:360px}html[data-palette] .hub-activity-list{grid-template-columns:1fr}.hub-checkin{padding:20px;gap:16px}}
@media(prefers-reduced-motion:reduce){.hub-destination{transition:none}.hub-destination:hover{transform:none}}

html[data-palette] .hub-activity-list [data-kind=quiz] .activity-kind{color:var(--on-ice)}

.hub-destinations{grid-template-columns:repeat(3,minmax(0,1fr))}
.hub-destination[data-destination=challenges]{background:var(--blue-container);color:var(--on-blue)}
.hub-destination[data-destination=hunts]{background:var(--sand-container);color:var(--on-sand)}
.programme-notice{display:flex;align-items:center;gap:18px;padding:18px 22px;margin-bottom:26px;border-radius:16px;background:var(--surface-raised);box-shadow:inset 0 1px #ffffff12}
.programme-notice>div{flex:1;min-width:0}.programme-notice p{margin-top:5px;color:var(--text-secondary);font-size:13px;line-height:1.6}.programme-notice>.text-link{white-space:nowrap}
.programme-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.programme-library-card{padding:26px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.programme-library-card p{color:var(--text-secondary);line-height:1.65;flex:1}.programme-library-card h2{font-size:1.25rem;line-height:1.4}
@media(max-width:1200px){.hub-destinations{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.programme-notice{flex-wrap:wrap;gap:12px}.programme-notice>div{flex-basis:calc(100% - 140px)}.programme-notice>.text-link{white-space:normal}.programme-library{grid-template-columns:1fr}}
@media(max-width:480px){.programme-notice{padding:18px}.programme-notice>div{flex-basis:100%}.programme-library-card{padding:22px}}

.home-programme-card{padding:24px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--theme-accent) 15%,transparent),transparent 70%),var(--surface-card);box-shadow:0 12px 36px #0002}.home-programme-title{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;margin-top:14px}.home-programme-title h2{margin:0;overflow-wrap:anywhere}.home-programme-card p{overflow-wrap:anywhere}.home-programme-prize{padding:14px 16px;border-radius:12px;background:color-mix(in srgb,var(--theme-accent) 13%,transparent);color:var(--theme-accent);margin:16px 0}.home-programme-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.home-programme-facts div{padding:12px;background:var(--surface-low);border-radius:10px;overflow-wrap:anywhere}.home-programme-facts dt{font-size:12px;color:var(--text-secondary)}.home-programme-facts dd{margin:5px 0 0;font-weight:700}.home-programme-editor{padding:24px;margin-bottom:24px}.home-programme-editor .core-buttons{flex-wrap:wrap}.home-programme-title .badge{flex-shrink:0}@media(max-width:600px){.home-programme-title{flex-direction:column}.home-programme-card,.home-programme-editor{padding:18px}}

html[data-palette] .home-programme-card{background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--theme-accent) 15%,transparent),transparent 70%),var(--surface-card);box-shadow:0 12px 36px #0002}