/* Vibe Team: shared editorial system, September 2026. */
.language-notice{max-width:1336px;margin:16px auto;padding:16px 24px;border:1px solid #bd9c63;border-radius:12px;font-size:14px}
.game-back{position:fixed;left:16px;top:52px;z-index:6;color:#fff;padding:10px 16px;background:#07130f;border:1px solid #ffffff55;border-radius:12px}
:root{--bg:#090b0e;--surface:#12161b;--ink:#f4f6f7;--muted:#adb6c1;--lime:#c8eeed;--line:#ffffff26;--radius:20px;--page-width:1480px}
html{scroll-padding-top:100px;overflow-x:clip}
body,body:not(.privacy-page){background:var(--bg)!important;color:var(--ink)!important;font:16px/1.65 system-ui,-apple-system,'Segoe UI',sans-serif;overflow-x:clip}
body:before{background:radial-gradient(ellipse at 85% 5%,#83d4df0b,transparent 40%)!important;filter:none!important;animation:none!important;pointer-events:none}
body[data-theme=light]{--bg:#f4f5f5;--surface:#fff;--ink:#151c22;--muted:#4e5c68;--lime:#215e61;--line:#1d35442e;color-scheme:light}
body[data-theme=light] :is(.section,.join-hero,.settings-form,.settings-copy,.preview-card,.radio-card,.track-body,.music-deck,.custom-player,.loop-panel,.video-card,.join-form,.join-cards article,.join-rules-grid article,.live-card,.live-log article,.stats-grid article,.stats-table>div,.legal-grid article,.learn-card){background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:none!important}
body[data-theme=light] :is(p,label,legend,h1,h2,h3,strong,.eyebrow,.player-info strong,.player-info span,.section-note,.learn-message){color:var(--ink)!important;text-shadow:none!important}
body[data-theme=light] :is(input,select,textarea,.small-button,.outline,.radio-card,.filter-group button,.player-mini){background:#fff!important;color:#15262d!important;border-color:#839199!important}
body[data-theme=light] :is(.track-art,.hero-image,.video-start,.join-photo) :is(span,strong,p){color:#fff!important}
body[data-theme=light] .hero h1 em{color:var(--lime)!important}
body[data-theme=light] .lime{background:#173f43!important;color:#fff!important}
body[data-theme=light] .brand span{color:#15262d!important}
body *{min-width:0}
body :is(h1,h2,h3,.image-title,.season-type){font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:800;letter-spacing:-.045em;text-shadow:none;overflow-wrap:break-word}
body h2{font-size:clamp(30px,3.8vw,56px)!important;line-height:1.1!important}
body h3{font-size:clamp(23px,2.1vw,32px)!important;line-height:1.2!important}
body p{max-width:75ch;line-height:1.7}
body .eyebrow{font-size:11px;letter-spacing:.17em;color:var(--muted)}
body :is(.hero,.section,.join-hero,.app-strip,footer){max-width:var(--page-width)!important;margin-inline:auto!important;padding-inline:clamp(20px,5vw,72px)!important}
body .section{padding-block:80px!important;background:transparent;border-color:var(--line)!important}
body .section-heading{margin-bottom:32px;gap:24px}
body .section p{color:var(--muted)}
body .header{position:sticky!important;top:0;z-index:45;width:100%;max-width:none!important;min-height:78px!important;padding:12px max(24px,calc((100vw - 1336px)/2))!important;display:flex!important;flex-wrap:nowrap;gap:20px;align-items:center;background:var(--bg)!important;border-bottom:1px solid var(--line);backdrop-filter:blur(18px);overflow:visible}
body .brand{flex-direction:row;gap:10px;align-items:center;font:800 18px/.9 system-ui;letter-spacing:-.06em;flex-shrink:0}
body .brand-logo{width:42px;height:42px;object-fit:cover;border-radius:12px}
body .brand-text>span{display:block}
body .brand span{color:var(--ink)}
body .header nav{display:flex;gap:20px;margin-inline:auto;align-items:center}
body .header nav a{font-size:13px!important;line-height:1.4;color:var(--muted)!important;padding:12px 0;white-space:nowrap}
body .header nav a:is(:hover,[aria-current]){color:var(--ink)!important;text-decoration:underline;text-underline-offset:7px}
body .nav-cta{display:inline-flex!important;padding:10px 16px;border:1px solid var(--line);color:var(--ink);font-size:12px;min-height:44px;align-items:center}
body :is(.language-toggle,.theme-toggle,.menu-toggle){height:44px;border:1px solid var(--line)!important;background:var(--surface)!important;color:var(--ink)!important;border-radius:12px;font:600 13px system-ui;padding:8px 10px;margin:0!important;box-shadow:none;min-width:44px!important;width:auto!important;flex-shrink:0}
.menu-toggle{display:none}
body .hero{display:grid!important;grid-template-columns:1.03fr 1fr!important;gap:50px!important;align-items:center;min-height:690px!important;padding-block:56px!important;background:transparent!important;isolation:isolate}
body .hero-copy{display:block!important;width:auto!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;backdrop-filter:none!important}
body .hero h1{font-size:clamp(46px,6.2vw,94px)!important;line-height:.98!important;letter-spacing:-.075em!important;margin:26px 0!important;white-space:normal!important;text-transform:none!important}
body .hero h1 em{color:var(--lime)!important;font-style:normal}
body .hero-copy>p{max-width:390px;font-size:18px!important;color:var(--muted)!important;margin-bottom:28px!important}
.hero-logo{display:block;width:82px;height:82px;object-fit:cover;border-radius:24px;margin-bottom:28px;box-shadow:0 0 65px #8fdeef19}
body .hero-image{position:relative!important;inset:auto!important;width:100%!important;height:560px!important;min-height:0!important;display:block!important;border:1px solid #ffffff30!important;border-radius:28px!important;overflow:hidden;box-shadow:0 24px 90px #0004!important;transform:none!important}
body .hero-image img{width:100%;height:100%;object-fit:cover;object-position:54% center!important;filter:brightness(.8)!important;animation:cinema 25s ease-in-out infinite alternate!important}
body .hero-image:before,body .hero-image:after,body .hero-fx,body .hero-effect-label{display:none!important}
body .image-title{left:30px;right:20px;bottom:86px;text-align:left;display:flex!important}
body .image-title strong{font-size:clamp(36px,4vw,64px)!important;color:#fff}
body .image-title>span{font-size:11px;letter-spacing:.18em}
body .image-link{display:block!important;bottom:30px;left:30px;right:auto;color:#fff}
body .image-note{display:none}
body .pill{left:24px;right:auto;top:24px;background:#0d171bbb;border-color:#ffffff4d;color:#fff;font-size:10px}
body :is(.button,.small-button,.nav-cta){border-radius:12px;box-shadow:none;text-shadow:none;transition:transform .2s,background .2s,border-color .2s;min-height:46px}
body .button{font:650 14px/1.4 system-ui;padding:15px 22px}
body .lime{background:#ceeae9!important;color:#102329!important}
body .outline,body .small-button{background:var(--surface);border:1px solid var(--line);color:var(--ink)}
body :is(.button,.small-button,.nav-cta):hover{transform:translateY(-2px);border-color:var(--lime)}
body .hero-actions{display:flex!important;gap:12px;max-width:none}
body .hero-actions .button{min-width:0;width:auto}
body .hero-bonus{font-size:13px;color:var(--muted);margin-top:24px}
body :is(.now-panel,.drop-panel,.work-panel,.missions-section,.codes-section,.visual-stories,.faq,.privacy-section){visibility:visible;opacity:1}
body :is(.now-panel,.drop-panel,.work-panel){padding-block:40px!important}
body :is(.video-card,.music-deck,.mission-card,.code-card,.story-card,.join-cards article,.join-rules-grid article,.settings-copy,.settings-form,.live-status-card){border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 8px 28px #00000012}
body .video-grid{gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}
body .video-card{transition:transform .25s,border-color .25s}
body .video-card:hover{transform:translateY(-5px);border-color:#c8eeed66}
body .video-frame{aspect-ratio:16/10;min-height:0}
body .video-start{color:#fff!important}
body .video-info{padding:26px}
body .video-info>p{font-size:14px;min-height:48px}
body .video-info h3{font-size:25px!important;margin-block:10px}
body .music-deck{display:grid;grid-template-columns:minmax(240px,.75fr) 1.25fr;padding:0;overflow:hidden;border:1px solid var(--line)!important;background:var(--surface)!important}
body .track-art{min-height:380px;border:0!important;border-radius:0!important}
body .track-body{padding:40px;background:var(--surface)!important}
body .custom-player,body .loop-panel{background:var(--bg);border:1px solid var(--line);box-shadow:none}
body .music-toggle{background:#ceeae9;color:#122528;box-shadow:none;width:60px;height:60px}
body .native-audio{display:block!important;position:static!important;width:100%!important;height:44px!important;opacity:1!important;pointer-events:auto!important}
body .art-tag{color:#fff!important}
body .join-hero{padding-block:60px;gap:48px;grid-template-columns:1fr 1fr}
body :is(.join-hero,.settings-hero,.stats-hero,.legal-hero,.live-hero,.game-hero) h1{font-size:clamp(42px,6vw,88px)!important;line-height:1.03!important;margin:20px 0!important}
body .join-form{gap:18px;padding:28px;background:var(--surface);border-color:var(--line)}
body :is(input,select,textarea){max-width:100%;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px}
body :is(input,textarea):focus{border-color:var(--lime)}
body input[type=checkbox],body input[type=radio]{accent-color:var(--lime);width:20px;height:20px;flex-shrink:0}
body .check-row{align-items:flex-start;line-height:1.55}
body fieldset{min-width:0;border-color:var(--line)!important}
body .legal-section{max-width:1100px!important}
body .legal-section h2{font-size:30px!important;margin:0 0 24px}
body .legal-section p+ p{margin-top:16px}
.owner-required{border-left:3px solid #e6b97a;padding:18px 22px;background:#c3934312;border-radius:0 12px 12px 0;margin:20px 0}
.privacy-table{overflow:auto;margin-top:24px}
.privacy-table table{width:100%;border-collapse:collapse;font-size:14px}
.privacy-table th,.privacy-table td{padding:14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
body footer{display:flex;gap:20px;flex-wrap:wrap;align-items:center;padding-block:38px;border-top:1px solid var(--line);font-size:13px}
body .app-strip{padding-block:40px;background:var(--surface);border:1px solid var(--line)}
.consent-dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:24px;padding:32px;width:min(580px,calc(100% - 32px));max-height:85dvh;box-shadow:0 30px 100px #0008}
.consent-dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}
.consent-dialog h2{font-size:36px!important;margin:12px 0 18px}
.consent-dialog label{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.consent-dialog p{font-size:14px;margin:15px 0}
.consent-dialog a{text-decoration:underline}
.consent-actions{display:flex;flex-wrap:wrap;gap:10px}
.media-placeholder{padding:24px;border:1px dashed var(--line);border-radius:16px}
.form-status{grid-column:1/-1;color:var(--ink);border-left:3px solid var(--lime);padding-left:14px}
body .intro-gate.flashlight-intro:not([hidden]){display:grid!important;background:#050a0f!important;color:#fff}
body .intro-gate[hidden]{display:none!important}
body .flashlight-v{width:210px;height:210px;background:transparent!important;filter:none!important}
body .flashlight-v span,body .flashlight-v b{display:none!important}
.intro-logo{width:100%;height:100%;object-fit:cover;border-radius:32px;animation:vibeArrival 1.8s cubic-bezier(.2,.8,.2,1) both;box-shadow:0 0 100px #8cdae944}
@keyframes vibeArrival{from{opacity:0;transform:scale(.82);filter:brightness(.2)}60%{opacity:1;filter:brightness(1.4)}to{opacity:1;transform:scale(1);filter:brightness(1)}}
body .intro-gate p{color:#e0f6ff!important;font:700 18px system-ui;letter-spacing:.28em}
body .intro-choice{color:#d5e1ea}
body .reveal{opacity:1;transform:none}
body .code-system{max-width:180px;font-size:11px;right:12px;bottom:12px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;z-index:30}
body [hidden]{display:none!important}
:focus-visible{outline:3px solid var(--lime)!important;outline-offset:4px}
@media(min-width:1600px){body .hero{min-height:760px!important}.hero-image{height:620px!important}}
@media(max-width:1100px){body .header{gap:12px;padding-inline:24px!important}body .header nav{gap:13px}body .nav-cta{display:none!important}body .hero{gap:30px!important;min-height:600px!important}body .hero-image{height:470px!important}body .stats-table{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){body .header{min-height:68px!important;padding:10px 18px!important;flex-wrap:wrap}body .header nav{display:none!important;order:8;flex-basis:100%;margin:0;max-height:65dvh;overflow:auto;padding:12px 0}body .header.menu-open nav{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}body .header nav a{padding:15px!important;background:var(--surface);border-radius:10px}body .menu-toggle{display:block;margin-left:auto!important}body .language-toggle{max-width:80px}body .brand{margin-right:auto}body .hero{grid-template-columns:1fr!important;min-height:0!important;padding-block:32px!important;gap:32px!important}body .hero-copy{padding:10px 0!important}body .hero h1{font-size:clamp(48px,10vw,80px)!important;line-height:1.02!important;margin:20px 0!important}.hero-logo{width:62px;height:62px;margin-bottom:20px;border-radius:18px}body .hero-image{height:410px!important}body .hero-copy>p{font-size:17px!important}body .section{padding-block:52px!important}body .section-heading{align-items:flex-start;flex-direction:column;gap:18px}body .video-grid{grid-template-columns:1fr 1fr}body .music-deck,body .join-hero,body .join-form-section,body .settings-panel,body .stats-board,body .about-layout{grid-template-columns:1fr!important}body .track-art{min-height:280px;max-height:320px}body .track-body{padding:24px}body .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body .join-hero{padding-block:36px;gap:28px}body .join-form{padding:22px}body .intro-choice,body .intro-skip{position:static}body .sound-progress{grid-template-columns:1fr}body .section p{font-size:16px}}
@media(max-width:540px){body .video-grid,body .join-cards,body .join-rules-grid,body .story-grid,body .mission-grid,body .code-grid,body .facts,body .holiday-grid,body .stats-table{grid-template-columns:1fr!important}body .hero-image{height:350px!important}body .hero h1{font-size:clamp(42px,11vw,61px)!important}body .hero-actions .button{flex:1;font-size:13px;padding:13px 10px}body .hero-actions{width:100%}body .media-toolbar,body .loop-panel{align-items:flex-start;flex-direction:column}body .track-body{padding:20px}body .header{gap:8px}body .brand{font-size:15px}body .brand-logo{width:34px;height:34px}body .language-toggle{width:65px!important;padding:4px}body .menu-toggle{font-size:12px;padding:7px}body .theme-toggle{width:40px;min-width:40px!important}.consent-dialog{padding:22px}.consent-actions .button{flex:1}body .timer strong{font-size:36px}body .timer{gap:10px}body .custom-player{gap:9px;padding:12px}body .player-info strong{font-size:15px}body .image-title{left:22px}body .image-link{left:22px}body .join-form-section{padding-inline:16px!important}body .intro-gate{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body *,body *:before,body *:after{animation:none!important;transition:none!important}}
body.motion-off *,html.motion-off *{animation:none!important;transition:none!important}