.intro-film{box-sizing:border-box;width:min(960px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:clamp(16px,3vw,28px);background:#09252d;color:#fff8e9;border:1px solid #41616a;border-radius:24px;box-shadow:0 24px 90px #0009}.intro-film::backdrop{background:#03141ee8}.intro-film header{display:flex;justify-content:space-between;gap:20px;align-items:start}.intro-film header p{color:#edbf86;letter-spacing:.12em;font-size:.75rem}.intro-film h2{margin:0;font-size:clamp(1.4rem,3vw,2rem);text-wrap:balance}.intro-film video{width:100%;max-height:60dvh;display:block;background:#000;border-radius:12px;margin-block:20px}.intro-film button{min-height:48px;padding:10px 18px;border-radius:12px;color:#fff8e9;background:#21444d;border:1px solid #60828a;cursor:pointer;font:inherit}.intro-film header button{background:#f0c48d;color:#10272d;font-weight:700;flex-shrink:0}.intro-film button:focus-visible{outline:3px solid #f0c48d;outline-offset:4px}.intro-film button:disabled{opacity:.5;cursor:default}.intro-film__hint{font-size:.9rem;color:#b8cacc}@media(max-width:520px){.intro-film header{flex-direction:column-reverse}.intro-film header button{align-self:flex-end}}.bb-game{--pink:#ff62b6;--mint:#61f0d7;--gold:#ffd27d;position:relative;min-width:0;color:#fff5e9;background:#101325;border:1px solid #f0b3d333;border-radius:24px;overflow:hidden;box-shadow:0 24px 75px #05041480;font-family:inherit;outline:none}.bb-game:focus-visible{outline:3px solid var(--mint);outline-offset:4px}.bb-mast{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.5rem;background:linear-gradient(105deg,#221432,#102b35)}.bb-kicker{font-size:.65rem!important;letter-spacing:.2em;font-weight:800;color:var(--mint);margin:0 0 .3rem!important}.bb-mast h2{font-size:clamp(1.6rem,3vw,2.8rem);font-weight:950;letter-spacing:-.07em;line-height:1;margin:0;text-shadow:3px 3px #e1428828}.bb-mast h2 span{font-size:.5em;color:var(--pink);font-style:italic;letter-spacing:0}.bb-badge{font-size:.58rem;letter-spacing:.1em;padding:.5rem .65rem;border:1px solid #ffe1af55;color:var(--gold);border-radius:100px;text-align:center}.bb-stage{position:relative;aspect-ratio:1.65;background-size:cover;background-position:center;isolation:isolate;overflow:hidden}.bb-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#090a25aa,transparent 30%,transparent 80%,#0c102c);z-index:-1;pointer-events:none}.bb-preload{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.bb-stage-header{position:absolute;inset:1rem 1.2rem auto;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.5rem;letter-spacing:.12em;z-index:4;color:#c5d2e5}.bb-stage-header span{display:grid;gap:.2rem}.bb-stage-header span:last-child{text-align:right}.bb-stage-header b{font-size:clamp(.8rem,1.5vw,1.1rem);color:#fff;letter-spacing:0}.bb-stage-header i{font-family:serif;font-size:1.4rem;color:var(--gold)}.bb-floor-ring{position:absolute;width:78%;height:35%;left:11%;bottom:12%;border:2px solid #fc7dce80;border-radius:50%;box-shadow:0 0 20px #ff47cb55,inset 0 0 25px #76ffef22;transform:rotate(-3deg);background:radial-gradient(ellipse,#a25bad20,transparent)}.bb-dancer{position:absolute;bottom:10%;width:47%;aspect-ratio:1;background-image:var(--sheet);background-repeat:no-repeat;background-size:400% 300%;background-position:calc(var(--col)*100%/3) calc(var(--row)*50%);filter:drop-shadow(0 12px 7px #030416aa);transform-origin:50% 78%;z-index:2;animation:bb-idle 1s ease-in-out infinite alternate;will-change:transform}.bb-nacho{left:0}.bb-rival{right:0;animation-delay:-.4s}.bb-dancer[data-move=down]{animation:bb-footwork .36s ease-in-out infinite alternate}.bb-dancer[data-move=up]{animation:bb-freeze .7s ease-out both}.bb-dancer[data-move=right]{animation:bb-power .6s ease-in-out both}.bb-dancer[data-hit=true]{filter:drop-shadow(0 0 12px #59ffda88) drop-shadow(0 12px 7px #0009)}.bb-dancer>span{display:block;margin-top:50%;padding:1rem;background:#17213a;border-radius:1rem;color:var(--gold)}.bb-floor-label{position:absolute;bottom:16%;left:35%;width:30%;text-align:center;transform:perspective(100px) rotateX(36deg);font-size:clamp(.8rem,2vw,1.5rem);font-weight:950;letter-spacing:.15em;color:#ffddff50;z-index:0}.bb-stage-tag{position:absolute;bottom:.7rem;width:100%;text-align:center;color:#ffeecb;font-size:.55rem;letter-spacing:.14em}.bb-callout{position:absolute;bottom:4.6rem;left:20%;width:60%;text-align:center;font-size:clamp(.7rem,1.5vw,1.1rem);font-weight:900;letter-spacing:.08em;color:var(--gold);text-shadow:0 2px 8px #000;z-index:4;animation:bb-callout .2s ease-out}.bb-hud{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);background:#0d102ce8;border-top:1px solid #ffffff20;padding:.65rem 1rem;z-index:4}.bb-hud span{font-size:.5rem;letter-spacing:.1em;color:#afbaca;display:grid;gap:.2rem;text-align:center}.bb-hud b{font-variant-numeric:tabular-nums;font-size:1.2rem;letter-spacing:0;color:#fff}.bb-hud span:nth-child(2) b{color:var(--mint)}.bb-lobby{padding:1.2rem 1.5rem}.bb-lobby h3{font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.2;letter-spacing:-.025em;margin:0 0 .7rem}.bb-lobby-copy p{font-size:.85rem;color:#c8cbdb;line-height:1.5;margin:.5rem 0 1rem}.bb-selectors{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.bb-selectors label{font-size:.65rem;color:#bebccd;display:grid;gap:.4rem}.bb-selectors select{width:100%;min-width:0;font:inherit;font-size:.76rem;border:1px solid #77859f66;color:#fff7e8;background:#1c2038;border-radius:10px;padding:.75rem;min-height:44px}.bb-selectors option{background:#171b2e}.bb-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0 .5rem}.bb-game .bb-actions button{font-size:.78rem;min-height:44px;border:1px solid #d69af644;border-radius:10px;background:#25263c;color:#fff4dd;padding:.7rem 1rem;cursor:pointer;flex:1}.bb-game .bb-actions .bb-primary{background:linear-gradient(120deg,#ffc475,#f9b);color:#20172c;font-weight:900;border:0;box-shadow:0 4px 22px #ff94b220}.bb-game button:disabled{opacity:.45;cursor:default}.bb-game button:focus-visible,.bb-game select:focus-visible{outline:3px solid var(--mint);outline-offset:3px}.bb-game button:active:not(:disabled){transform:translateY(2px)}.bb-help{font-size:.65rem!important;line-height:1.5!important;color:#989eb7;margin:.8rem 0 0!important}.bb-crowd{padding:.8rem 1rem;display:flex;align-items:center;gap:.65rem;background:#14192e;font-size:.5rem;letter-spacing:.06em;color:var(--mint)}.bb-crowd>span:last-child{color:var(--pink)}.bb-crowd>div{flex:1;height:5px;border-radius:99px;background:#ef6da9;overflow:hidden}.bb-crowd i{height:100%;display:block;background:var(--mint);transition:width .2s ease}.bb-track{height:128px;position:relative;display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(#101729,#191c35);overflow:hidden;border-top:1px solid #f0b3d31c}.bb-lane{border-right:1px solid #f0b3d313;position:relative}.bb-lane[data-beat=true]{background:linear-gradient(transparent,#54ffdb0b)}.bb-target{position:absolute;left:50%;top:80%;transform:translate(-50%,-50%);font-size:1.4rem;color:#758096;border:2px solid #737c9855;border-radius:10px;width:34px;height:34px;display:grid;place-items:center}.bb-hit-line{position:absolute;left:0;right:0;top:80%;height:1px;background:#63ebcf88;box-shadow:0 0 12px #71ffca;pointer-events:none}.bb-note{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:9px;font-size:1.45rem;font-weight:900;display:grid;place-items:center;background:var(--mint);color:#0b2830;box-shadow:0 0 18px #5ceccc33;z-index:2}.bb-note[data-lane=down]{background:var(--pink);color:#38182d}.bb-note[data-lane=up]{background:var(--gold);color:#3b2b0b}.bb-note[data-lane=right]{background:#aaa1ff;color:#271e58}.bb-pads{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:.8rem 1rem;background:#0e142b}.bb-game .bb-pads button{display:grid;justify-items:center;gap:.3rem;border:1px solid #5ee0c666;border-bottom:4px solid #3db69f;border-radius:12px;color:var(--mint);background:#193a40;min-height:64px;padding:.7rem .2rem;touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer}.bb-pads button b{font-size:1.5rem;line-height:1}.bb-pads button span{font-size:.55rem;font-weight:800}.bb-game .bb-pads button[data-lane=down]{color:var(--pink);border-color:#e563a877;background:#3d2038}.bb-game .bb-pads button[data-lane=up]{color:var(--gold);border-color:#e7b26577;background:#403625}.bb-game .bb-pads button[data-lane=right]{color:#b9afff;border-color:#8f85e577;background:#2c2847}.bb-game .bb-pads button[aria-pressed=true]{box-shadow:inset 0 2px 12px #ffffff25,0 0 12px #b1ffe222;transform:translateY(2px);border-bottom-width:2px}.bb-controls{padding:0 1rem .7rem;margin:0}.bb-controls button{font-size:.68rem!important}.bb-freestyle-note,.bb-pause-note{padding:.8rem 1.2rem;margin:0;font-size:.8rem!important;color:#d5d7eb}.bb-results{padding:1.5rem;text-align:center;background:radial-gradient(ellipse at top,#45294a,#101325)}.bb-results h3{font-size:clamp(1.4rem,2.5vw,2.2rem);margin:.5rem 0;color:var(--gold);letter-spacing:-.04em}.bb-results p{font-size:.8rem;line-height:1.5;color:#ddd4e6}.bb-game[data-paused=true] *{animation-play-state:paused!important}.bb-game[data-mode=lobby] .bb-rival{animation:bb-idle 1s ease-in-out infinite alternate}@keyframes bb-idle{0%{transform:translateY(0) rotate(-1deg)}to{transform:translateY(-5px) rotate(1deg)}}@keyframes bb-footwork{0%{transform:translate(-5px) rotate(-4deg)}to{transform:translate(5px) rotate(4deg)}}@keyframes bb-freeze{0%{transform:scale(.96) rotate(-8deg)}to{transform:scale(1.04) rotate(0)}}@keyframes bb-power{0%{transform:rotate(-8deg) scale(.94)}50%{transform:rotate(9deg) scale(1.07)}to{transform:rotate(0) scale(1)}}@keyframes bb-callout{0%{transform:translateY(5px);opacity:.5}to{transform:translateY(0);opacity:1}}@media(max-width:600px){.bb-mast{padding:1rem}.bb-badge{max-width:75px}.bb-lobby{padding:1rem}.bb-selectors{grid-template-columns:1fr}.bb-stage{aspect-ratio:1.2}.bb-dancer{width:52%;bottom:12%}.bb-nacho{left:-3%}.bb-rival{right:-3%}.bb-stage-header{inset:.8rem .8rem auto}.bb-callout{bottom:4.2rem;font-size:.67rem}.bb-hud b{font-size:1rem}.bb-pads{gap:.3rem;padding:.65rem}.bb-track{height:118px}}@media(prefers-reduced-motion:reduce){.bb-game *{animation:none!important;transition:none!important}.bb-dancer{will-change:auto}}.party-break{position:relative;isolation:isolate;min-height:100dvh;background:#090e22;color:#fff4df;overflow:hidden}.party-break-art{position:absolute;z-index:-3;inset:0;background-position:center top;background-size:cover;opacity:.7}.party-break:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#080d1e26,#080d1ee6 80%)}.party-break-content{width:min(100% - 2rem,64rem);margin:0 auto;padding:1.5rem 0 3rem;position:relative}.party-break-toolbar{display:flex;gap:.75rem;justify-content:space-between;flex-wrap:wrap}.party-break button,.party-break a{display:inline-block;min-height:44px;border:1px solid #f3c779;border-radius:.7rem;padding:.75rem 1rem;font:inherit;font-weight:700;background:#18213ae8;color:#fff1d6;text-decoration:none;box-sizing:border-box}.party-break button:focus-visible,.party-break a:focus-visible{outline:3px solid #8debe5;outline-offset:4px}.party-break button:disabled{opacity:.6;cursor:default}.party-break-story{position:relative;max-width:39rem;margin:5rem 0 2rem;padding:1.6rem;border:1px solid #ffda9766;border-radius:1.2rem;background:#10172ce8;box-shadow:0 16px 50px #0005}.party-break-eyebrow{color:#ffcd80;letter-spacing:.09em;font-size:.78rem}.party-break h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.03;margin:.6rem 0 1.2rem}.party-break p{line-height:1.6}.party-break-video{max-width:48rem;background:#11192fee;border:1px solid #dca96366;border-radius:1.2rem;padding:1.5rem}.party-break-video h2{margin-top:0}.party-break .party-break-load{background:#f6c66f;color:#152033}.party-break-player{aspect-ratio:16/9;background:#000;border-radius:.6rem;overflow:hidden}.party-break-player iframe{width:100%;height:100%;border:0;display:block}.party-break-privacy{font-size:.85rem;color:#d3dbe9}.party-break-light{position:absolute;z-index:-1;width:50vw;height:90vh;top:-20vh;filter:blur(45px);opacity:.13;transform-origin:top center;background:linear-gradient(#64d3d0,transparent);pointer-events:none;animation:party-light-sway 13s ease-in-out infinite alternate}.party-break-light-one{left:-15vw}.party-break-light-two{right:-15vw;background:linear-gradient(#df94e6,transparent);animation-delay:-7s}.party-break-record{float:right;width:48px;height:48px;margin:0 0 .8rem .8rem;border-radius:50%;background:radial-gradient(circle,#f8ca83 0 8%,#913f65 9% 24%,#111725 25% 42%,#3b4151 43% 45%,#151a2a 46% 65%,#4b5060 66% 68%,#151a2a 69%);border:2px solid #bdb6a8;animation:party-record-spin 12s linear infinite}.party-break-record:after{content:"";display:block;width:15px;height:2px;background:#f2cf9866;margin:9px 0 0 7px;transform:rotate(-40deg)}.party-break[data-paused=true] *{animation-play-state:paused!important}@keyframes party-light-sway{0%{transform:rotate(-12deg)}to{transform:rotate(12deg)}}@keyframes party-record-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.party-break-light,.party-break-record{animation:none}}@media(max-width:600px){.party-break-story{margin-top:2rem;padding:1rem}.party-break-video{padding:1rem}.party-break-art{background-position:48% top}}.party-break-layout{display:grid;grid-template-columns:minmax(0,0fr) minmax(0,1fr);gap:0;transition:grid-template-columns .45s ease-out,gap .45s ease-out}.party-break-dance{min-width:0;overflow:hidden}.party-break--floor .party-break-content{width:min(100% - 2rem,96rem)}.party-break--floor .party-break-layout{grid-template-columns:minmax(0,1.5fr) minmax(360px,1fr);gap:1.5rem;align-items:start}.party-break--floor .party-break-story{max-width:none;margin:1.5rem 0}.party-break--floor .party-break-story>p:not(.party-break-eyebrow){display:none}.party-break--floor .party-break-story h1{font-size:clamp(1.5rem,3vw,2.3rem);margin-bottom:0}.party-break--floor .party-break-video{min-width:0;padding:1rem}.party-break-player{min-height:200px}.party-break-announcer{background:#142039ed;border:1px solid #f3c77966;border-radius:12px;padding:1rem;margin:0 0 1rem}@media(max-width:900px){.party-break-layout,.party-break--floor .party-break-layout{display:flex;flex-direction:column;gap:1rem}.party-break-video,.party-break-dance{width:100%;box-sizing:border-box}.party-break-player{min-width:200px}}@media(prefers-reduced-motion:reduce){.party-break-layout{transition:none}}.party-break-layout>.party-break-video{grid-column:2;grid-row:1}.party-break-layout>.party-break-dance{grid-column:1;grid-row:1}.wellbeing-hub{max-width:1200px;margin:auto;padding:24px;color:#f8f3e9;font-family:inherit}.wellbeing-hub button,.wellbeing-hub input,.wellbeing-hub textarea{font:inherit}.wellbeing-hub button{min-height:44px;border:1px solid #837366;border-radius:12px;background:#263c3e;color:#fff;padding:10px 16px;cursor:pointer}.wellbeing-hub button:disabled{opacity:.5;cursor:default}.wellbeing-hub button[aria-pressed=true]{background:#f6d897;color:#241c18;border-color:#f6d897}.wellbeing-hub button:focus-visible,.wellbeing-hub input:focus-visible,.wellbeing-hub textarea:focus-visible{outline:3px solid #77ddd0;outline-offset:3px}.wellbeing-hub button:active:not(:disabled){transform:scale(.96)}.wb-top,.wb-month,.wb-tabs,.wb-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.wb-top{justify-content:space-between;font-size:.8rem;letter-spacing:.08em}.wb-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:center;margin:32px 0}.wb-hero img{width:100%;height:auto;border-radius:20px;outline:1px solid rgb(255 255 255 / .1)}.wb-hero h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.06;text-wrap:balance;margin:12px 0}.wb-eyebrow{color:#efc983;font-size:.8rem;letter-spacing:.12em;font-weight:700}.wellbeing-hub p{line-height:1.65;text-wrap:pretty}.wb-tabs{margin-bottom:28px}.wb-journal{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start}.wb-calendar,.wb-paper,.wb-quiet,.wb-food{background:#192e31;border:1px solid #486065;padding:24px;border-radius:20px}.wb-calendar h2,.wb-paper h2{margin-top:0}.wb-month{justify-content:space-between;flex-wrap:nowrap}.wb-month button{padding:8px 14px;font-size:1.5rem}.wb-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;margin:14px 0}.wb-grid>span{text-align:center;font-size:.7rem;padding:5px 0}.wb-grid button{min-height:40px;min-width:0;padding:5px 0;font-size:.85rem;border-radius:8px;position:relative}.wb-grid i{position:absolute;bottom:0;left:45%;font-style:normal}.wb-field{display:flex;flex-direction:column;gap:7px;margin:20px 0;font-weight:600}.wb-field small{font-weight:400;color:#c6d5d5}.wb-field textarea,.wb-field input{box-sizing:border-box;width:100%;color:#fff;background:#102225;border:1px solid #678083;border-radius:10px;padding:12px;resize:vertical}.wb-field input{color-scheme:dark}.wb-privacy{border-top:1px solid #678083;padding-top:20px}.wb-privacy label{display:flex;gap:12px;align-items:center;margin:20px 0;line-height:1.5}.wb-privacy input{width:22px;height:22px;flex-shrink:0}.wb-note,.wb-privacy small{display:block;font-size:.82rem;color:#c6d5d5;line-height:1.5;margin:16px 0}.wb-quiet{max-width:720px;margin:0 auto;min-height:280px}.wb-quiet h2{font-size:2rem}.wb-quiet>p:not(.wb-note):not(.wb-eyebrow){font-size:1.2rem}.wb-food-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.wb-food-grid article{border-top:2px solid #efc983}.wb-food a{color:#efc983}.wb-message{padding:18px;border-left:4px solid #efc983;background:#243b3b}.wb-confirm{position:fixed;z-index:1000;bottom:20px;left:50%;transform:translate(-50%);width:min(580px,calc(100% - 40px));box-sizing:border-box;padding:24px;background:#fff1d5;color:#251f17;border:2px solid #9e762e;border-radius:16px;box-shadow:0 10px 50px #0009}.wb-confirm button{margin-right:12px}.wb-confirm h2{margin-top:0}@media(max-width:760px){.wellbeing-hub{padding:16px}.wb-hero,.wb-journal{grid-template-columns:1fr}.wb-hero{gap:12px}.wb-calendar{max-width:100%;box-sizing:border-box}.wb-grid button{min-height:44px}.wb-food-grid{grid-template-columns:1fr}.wb-top>span{display:none}.wb-paper,.wb-calendar,.wb-quiet,.wb-food{padding:18px}.wb-tabs button{flex:1 1 130px}.wb-actions button{flex:1 1 160px}}@media(prefers-reduced-motion:reduce){.wellbeing-hub button:active:not(:disabled){transform:none}}.wb-voice{max-width:76rem;margin:1.5rem auto;padding:clamp(1.2rem,3vw,2rem);border-radius:24px;background:linear-gradient(135deg,#103b46,#142e47);color:#fff6df;box-shadow:0 12px 36px #00182025}.wb-voice h2{font-size:clamp(1.5rem,3vw,2.2rem);margin:.4rem 0}.wb-voice p{max-width:60rem;line-height:1.6}.wb-voice label{display:block;line-height:1.6;margin:1rem 0}.wb-voice input{width:1.2rem;height:1.2rem;vertical-align:middle}.wb-voice button{background:#ffdc91;color:#17323a}.wb-voice button[aria-pressed=true]{background:#92dccf;box-shadow:inset 0 3px 6px #0004}.wb-voice .wb-note{color:#d5e1e5}.wb-caption,.wb-heard{padding:1rem;border-radius:14px;background:#ffffff12}.wb-footer{padding:2rem;text-align:center}.save-comic{margin-top:1rem;padding:1rem;border-top:1px solid #ffffff30}.save-comic button{padding:.75rem 1rem;border-radius:.65rem;border:2px solid currentColor;font:inherit;font-weight:700;cursor:pointer}.save-comic button:disabled{opacity:.65;cursor:wait}.save-comic p{font-size:.9rem;line-height:1.5;margin:.5rem 0 0}.save-comic button:focus-visible{outline:3px solid #efbc67;outline-offset:4px}.cinematic-scene.ocean-scene{background:linear-gradient(180deg,#86d7e9,#d2eeec 30%,#ffdeb2 38%,#6bd8dc 39%,#249fba 68%,#086382)}.ocean-scene__sun{position:absolute;top:9%;right:14%;width:12%;aspect-ratio:1;border-radius:50%;background:#fff0ba;box-shadow:0 0 65px #ffe6a788}.ocean-scene__horizon{position:absolute;top:40%;left:0;width:100%;height:16%;opacity:.55;background:repeating-linear-gradient(176deg,transparent 0 18px,#d8fbeb 19px 20px,transparent 21px 39px)}.ocean-scene__gizmo{position:absolute;top:9%;left:18%;width:64%;height:auto;max-width:none;pointer-events:none;-webkit-user-select:none;user-select:none;animation:gizmo-swim 3.4s ease-in-out infinite paused}.ocean-scene__water{position:absolute;z-index:1;left:-2%;top:60%;width:104%;height:43%;animation:ocean-swell 4.6s ease-in-out infinite paused}.ocean-scene__foam{opacity:.68}.ocean-scene__caption{position:absolute;z-index:2;bottom:4%;left:5%;right:5%;color:#fff;font-size:clamp(.95rem,2.6vw,1.65rem);font-weight:750;text-shadow:0 2px 8px #003a57;text-wrap:balance}.ocean-scene__caption small{display:block;margin-top:4px;font-size:clamp(.62rem,1.3vw,.8rem);font-weight:500;letter-spacing:.04em}.ocean-scene[data-motion=running] .ocean-scene__gizmo,.ocean-scene[data-motion=running] .ocean-scene__water{animation-play-state:running}@keyframes gizmo-swim{0%,to{transform:translateY(1%) rotate(-1deg)}50%{transform:translate(1%,-1%) rotate(.5deg)}}@keyframes ocean-swell{0%,to{transform:translate(-1%)}50%{transform:translate(1%)}}@media(prefers-reduced-motion:reduce){.ocean-scene .ocean-scene__gizmo,.ocean-scene .ocean-scene__water{animation:none}}.cinematic-scene{position:relative;isolation:isolate;width:100%;aspect-ratio:16 / 9;margin:0 auto;overflow:hidden;border-radius:18px;background:#07141d;box-shadow:0 1px #ffffff17 inset,0 12px 36px #00000024}.cinematic-scene__art{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center center;transform-origin:center center;-webkit-user-select:none;user-select:none;pointer-events:none;animation:cinematic-drift 18s ease-in-out infinite paused}.cinematic-scene__light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 64% 18%,rgb(255 208 144 / 7%),transparent 66%);mix-blend-mode:screen;opacity:.5;animation:cinematic-light 12s ease-in-out infinite paused}.cinematic-scene[data-motion=running] .cinematic-scene__art,.cinematic-scene[data-motion=running] .cinematic-scene__light{animation-play-state:running}.cinematic-scene__message{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:24px;color:#cfdbdf;font-size:clamp(.85rem,1.5vw,1rem);line-height:1.5;text-align:center}@keyframes cinematic-drift{0%,to{transform:translate(-.12%,.08%) scale(.989)}50%{transform:translate(.12%,-.08%) scale(.995)}}@keyframes cinematic-light{0%,to{opacity:.35}50%{opacity:.7}}@media(max-width:600px){.cinematic-scene{border-radius:12px}}@media(prefers-reduced-motion:reduce){.cinematic-scene .cinematic-scene__art,.cinematic-scene .cinematic-scene__light{animation-play-state:paused!important}.motion-force .cinematic-scene[data-motion=running] .cinematic-scene__art,.motion-force .cinematic-scene[data-motion=running] .cinematic-scene__light{animation-play-state:running!important}}.cel-viewport{position:relative;width:100%;height:100%;aspect-ratio:1;overflow:hidden}.cel-viewport .cel-sheet{position:absolute;display:block;left:0;top:0;width:200%;height:200%;max-width:none;object-fit:fill;transform:translate(0);-webkit-user-select:none;user-select:none;pointer-events:none}.cel-viewport[data-performance=talk] .cel-sheet{animation:talk-cels .72s steps(1,end) infinite}.cel-viewport[data-performance=react] .cel-sheet{animation:react-cels 4.8s steps(1,end) infinite}.cel-viewport[data-performance=cycle] .cel-sheet{animation:character-cycle 2.8s steps(1,end) infinite}.cel-viewport[data-character=bike][data-performance=cycle] .cel-sheet{animation-duration:.9s}.cel-viewport[data-character=alex][data-performance=cycle] .cel-sheet{animation-duration:5.6s}.cel-viewport:is([data-character=gini],[data-character=rick],[data-character=abi],[data-character=ito])[data-performance=cycle] .cel-sheet{animation:family-greeting 8s steps(1,end) infinite}@keyframes family-greeting{0%,40%,44%,57%,70%,81%,95%,to{transform:translate(0)}41%,43%{transform:translate(-50%)}58%,69%{transform:translateY(-50%)}82%,94%{transform:translate(-50%,-50%)}}@keyframes character-cycle{0%,to{transform:translate(0)}25%{transform:translate(-50%)}50%{transform:translateY(-50%)}75%{transform:translate(-50%,-50%)}}@keyframes talk-cels{0%,to{transform:translate(0)}25%{transform:translate(-50%)}50%{transform:translateY(-50%)}75%{transform:translate(-50%,-50%)}}@keyframes react-cels{0%,70%,to{transform:translate(0)}25%,45%{transform:translate(-50%)}80%,92%{transform:translate(-50%,-50%)}}.nacho-actor{position:absolute;left:1%;bottom:0;height:72%;aspect-ratio:1;z-index:2}.nacho-actor-mini{height:35%;left:3%;bottom:3%}.penelope-actor,.alex-actor{position:absolute;aspect-ratio:1;z-index:2;bottom:0}.penelope-actor{height:42%;width:auto;left:40%}.alex-actor{height:64%;width:auto;left:43%}.stage.stage-penelope .nacho-actor{height:74%;width:auto;left:1%}.stage.stage-penelope .host-stage{height:67%;width:auto;right:1%}.stage.stage-bike .nacho-bike-actor{height:76%;width:auto;left:2%}.stage.stage-bike .host-stage{height:65%;width:auto;right:1%}.stage.stage-alex .nacho-actor{height:76%;width:auto;left:2%}.stage.stage-alex .host-stage{height:65%;width:auto;right:1%}.stage-alex .actor-name{max-width:100%;white-space:normal;text-align:center;font-size:clamp(.6rem,1vw,.78rem)}.stage-alex.stage-penelope .penelope-actor{height:33%;width:auto;left:31%;bottom:0;z-index:3}.stage .nacho-actor.nacho-actor-mini{width:auto;height:29%;left:1%;bottom:2%}.stage .alex-actor.alex-actor-mini{width:auto;height:25%;left:35%;bottom:2%}.stage .penelope-actor.penelope-actor-mini{width:auto;height:19%;left:25%;bottom:2%}.actor-name{position:absolute;bottom:0;left:50%;transform:translate(-50%);white-space:nowrap;background:#0c233bea;border:1px solid #678398;color:#fff1d1;border-radius:8px;padding:5px 10px;font-size:clamp(.6rem,1.1vw,.8rem);font-weight:800;letter-spacing:.06em}.stage .host-stage{height:69%;right:1%;bottom:0}.stage .host-stage .host-ring{display:none}.stage .stage-front{inset:12px auto auto 12px;max-width:calc(100% - 24px);align-items:flex-start}.stage .scene-note{display:none}.stage{min-height:290px;max-height:64vh}.stage-motion-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:8px 0;color:#cbdce8;font-size:.9rem}.stage-motion-controls button{min-height:44px;border:1px solid #698398;border-radius:10px;padding:8px 14px;background:#233d50;color:#fff;font:inherit}.stage-motion-controls button[aria-pressed=true]{background:#276d60;border-color:#89d6b7}.character-fallback{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;border:2px solid #7198ad;background:#193348;padding:10px;text-align:center;font-weight:700;border-radius:30px}.character-fallback small{font-weight:400;margin-top:10px}.visual-preview{width:min(1180px,100%);margin:auto;padding:20px}.visual-preview header{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.visual-preview h1{font-size:clamp(1.6rem,4vw,2.8rem);margin:4px 0}.visual-preview button,.visual-preview select{padding:10px 16px;min-height:46px;font:inherit;border:1px solid #829dad;background:#264258;color:#fff;border-radius:10px}.visual-preview .preview-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}.visual-preview .stage{max-height:58svh;aspect-ratio:16/9;min-height:320px}.visual-preview .preview-note{color:#bcd5e4}.visual-preview .preview-story{font-size:clamp(1rem,2vw,1.2rem);line-height:1.5;color:#f6e1b8;max-width:78ch}.welcome-cast{position:relative;width:clamp(320px,45vw,620px);height:clamp(260px,34vw,420px)}.welcome-cast .nacho-actor{height:88%;left:-6%;bottom:0}.welcome-cast .host-welcome{position:absolute;right:-4%;bottom:0;height:82%}@media(max-width:600px){.stage{min-height:290px;aspect-ratio:1.2}.stage .host-stage{height:57%;right:-9%}.stage .nacho-actor{height:61%;left:-9%}.visual-preview{padding:12px}.visual-preview .stage{aspect-ratio:1.15;min-height:310px}.stage .stage-front{top:10px}.actor-name{font-size:.6rem;padding:4px 6px}.welcome-cast{max-width:90vw}.stage-motion-controls{font-size:.8rem}}@media(max-width:600px){.stage.stage-penelope .nacho-actor{width:42%;height:auto;left:-3%;bottom:5%}.stage.stage-penelope .penelope-actor{width:27%;height:auto;left:36%;bottom:1%}.stage.stage-penelope .host-stage{width:42%;height:auto;right:-3%;bottom:5%}.stage.stage-bike .nacho-bike-actor{width:66%;height:auto;left:-3%;bottom:6%}.stage.stage-bike .host-stage{width:37%;height:auto;right:-2%;bottom:2%}.stage.stage-alex{min-height:380px}.stage.stage-alex .alex-actor{width:37%;height:auto;left:auto;right:1%;bottom:44%}.stage.stage-alex .nacho-actor{width:66%;height:auto;left:-3%;bottom:6%}.stage.stage-alex .host-stage{width:35%;height:auto;right:0;bottom:2%}.stage.stage-alex.stage-penelope .penelope-actor{width:24%;height:auto;left:40%;bottom:1%}.stage.stage-alex .actor-name{font-size:.58rem;padding:4px}.stage .nacho-actor.nacho-actor-mini{width:30%;height:auto;bottom:2%;left:0}.stage .alex-actor.alex-actor-mini{width:25%;height:auto;bottom:28%;right:0}.stage .penelope-actor.penelope-actor-mini{width:18%;height:auto;bottom:2%;left:31%}}@media(prefers-reduced-motion:reduce){.cel-viewport .cel-sheet{animation:none!important}.motion-force .cel-viewport[data-performance=talk] .cel-sheet{animation:talk-cels .72s steps(1,end) infinite!important}.motion-force .cel-viewport[data-performance=react] .cel-sheet{animation:react-cels 4.8s steps(1,end) infinite!important}.motion-force .cel-viewport[data-performance=cycle] .cel-sheet{animation:character-cycle 2.8s steps(1,end) infinite!important}.motion-force .cel-viewport[data-character=bike][data-performance=cycle] .cel-sheet{animation-duration:.9s!important}.motion-force .cel-viewport[data-character=alex][data-performance=cycle] .cel-sheet{animation-duration:5.6s!important}}.cel-viewport[data-character=phat][data-performance=react] .cel-sheet{animation:none!important}.cel-viewport[data-character=phat][data-performance=react]{animation:phat-idle 3.4s ease-in-out infinite;transform-origin:50% 90%}@keyframes phat-idle{0%,to{transform:rotate(-1deg) translateY(0)}50%{transform:rotate(2deg) translateY(-2%)}}@media(prefers-reduced-motion:reduce){.cel-viewport[data-character=phat][data-performance=react]{animation:none}.motion-force .cel-viewport[data-character=phat][data-performance=react]{animation:phat-idle 3.4s ease-in-out infinite}}.btn-character-preview{position:fixed;bottom:24px;left:50%;transform:translate(-50%);max-width:90vw;min-height:48px;padding:12px 22px;border-radius:12px;border:1px solid #759db0;background:#264658;color:#fff;font:inherit}.host[data-animated=false] .host-ring{animation:none}.scene-panel .stage.stage-cinematic{width:100%;max-width:1120px;min-height:0;max-height:none;aspect-ratio:16/9;margin-inline:auto;background:#07141d}.cinematic-byline{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#abc0c8;font-size:.8rem;letter-spacing:.03em}.visual-preview{box-sizing:border-box;max-width:1160px}.visual-preview header{margin-bottom:12px}.visual-preview h1{font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.03em}.visual-preview .preview-note{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#d6af75}.visual-preview .preview-story{border-left:2px solid #c89b60;padding-left:18px;margin:14px 0 24px;line-height:1.6}.visual-preview .preview-toolbar{font-size:.88rem;margin-bottom:16px}.visual-preview .scene-characters{font-size:.76rem;color:#90a6af;margin:0}@media(min-width:601px){.stage:not(.stage-cinematic):not(.stage-alex):not(.stage-penelope):not(.stage-bike) .nacho-actor:not(.nacho-actor-mini){left:22%;height:78%}.stage:not(.stage-cinematic):not(.stage-alex):not(.stage-penelope):not(.stage-bike) .host-stage{right:9%;height:65%}}.visual-preview .scene-panel,.visual-preview .preview-story{width:100%;max-width:min(1120px,calc(max(240px,100svh - 290px)*1.77778));margin-inline:auto;box-sizing:border-box}.visual-preview .scene-panel{overflow:visible}.family-scene{position:absolute;inset:0;margin:0;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 50% 65%,#527272 0,#233b45 48%,#112733)}.family-scene__cast{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;max-height:90%}.family-scene__member{width:min(36%,340px);text-align:center;color:#fff1d9;font-weight:700}.family-scene__portrait{width:100%;aspect-ratio:1}.family-scene__member>span{display:block;margin-top:-4%;position:relative}.family-scene__cast[data-count="3"] .family-scene__member{width:30%}.family-scene__cast:is([data-count="4"],[data-count="5"],[data-count="6"],[data-count="7"]) .family-scene__member{width:22%}.family-scene figcaption{text-align:center;font-size:.75rem;color:#c4d4d7;margin-top:14px}.scene-story-details{margin-top:8px;border-top:1px solid #ffffff20}.scene-story-details>summary{padding:14px 2px;min-height:44px;box-sizing:border-box;cursor:pointer;color:#c4d4d7;font-size:.9rem}.scene-story-details>summary:focus-visible{outline:3px solid #ffd184;outline-offset:2px}.scene-unillustrated{position:absolute;inset:0;margin:0;display:grid;place-items:center;padding:clamp(24px,6vw,80px);background:radial-gradient(ellipse at 40% 30%,#35515c,#142734 70%)}.scene-unillustrated p{max-width:36rem;text-align:center;text-wrap:pretty;font-size:clamp(1.2rem,2.6vw,2rem);line-height:1.5;color:#f6ead3}@media(max-width:600px){.family-scene__member>span{font-size:.8rem}.family-scene figcaption{font-size:.65rem;margin-top:8px}.scene-panel .stage:has(.family-scene){aspect-ratio:1.3}.family-scene__cast:is([data-count="4"],[data-count="5"],[data-count="6"],[data-count="7"]) .family-scene__member{width:28%}}.scene-panel .stage .scene-image{object-fit:contain;object-position:center}.scene-panel .stage[data-motion=running] .scene-image{animation:scene-camera 18s ease-in-out infinite alternate}@keyframes scene-camera{0%{transform:scale(1)}to{transform:scale(1.035)}}@media(prefers-reduced-motion:reduce){.scene-panel:not(.motion-force) .stage .scene-image{animation:none}}.scene-resting{position:absolute;inset:0;display:grid;place-items:center;color:#bdd0d9}.scene-media-note{margin:8px 2px;color:#bdd0d9;font-size:.9rem}.scene-panel .stage.stage-original-comic{aspect-ratio:auto;height:clamp(320px,62svh,720px);background:#10212d}.original-comic-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.scene-original-credit{margin:0 2px;color:#c6d6de;font-size:.85rem}.comic-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 18px}.comic-heading .comic-tag{margin:0}.comic-status{color:#bdccd6;font-size:.8rem}.comic .comic-panels{margin-top:14px;gap:0}.comic .comic-panel{flex-direction:column;align-items:stretch;padding:16px 20px;border:0;border-left:1px solid #ffffff24;border-radius:0;background:transparent;box-shadow:none}.comic .comic-panel:first-child{border-left:0}.comic .comic-beat{color:#ebc181;font-size:.72rem;letter-spacing:.12em}.comic .comic-caption{margin:10px 0 0;line-height:1.55;font-size:1rem}.comic .comic-payoff[data-live=true]{background:#e8bc7e0d}@media(max-width:900px){.comic .comic-panel{border-left:0;border-top:1px solid #ffffff24;padding:16px 4px}.comic .comic-panel:first-child{border-top:0}}.site-music{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;color:#dce8f4}.site-music button{display:inline-flex;gap:9px;align-items:center;min-height:44px;padding:9px 15px;border:1px solid #66809a;border-radius:999px;background:#172b42;color:#f4f1de;font:inherit;font-weight:650;cursor:pointer}.site-music button[aria-pressed=true]{border-color:#7cded1;background:#18403e}.site-music button:hover{background:#28475c}.site-music button:focus-visible,.site-music input:focus-visible{outline:3px solid #ffd166;outline-offset:3px}.site-music-volume{display:inline-flex;align-items:center;gap:8px;font-size:.85rem}.site-music-volume input{width:90px;min-height:44px;margin:0;accent-color:#80eddb;cursor:pointer}.site-music-note{max-width:28ch;font-size:.82rem;color:#cad8e8}@media(max-width:480px){.site-music{gap:6px 10px}.site-music-volume input{width:74px}}.club-bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px clamp(14px,3vw,44px);background:#11232bef;border-bottom:1px solid #ffffff20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#f7e9d3}.club-bar button,.club-intro button,.club-voice button,.scene-request button{min-height:46px;border-radius:12px;border:1px solid #ffffff38;background:#284552;color:#fff4df;padding:10px 17px;font:inherit;font-weight:700;cursor:pointer}.club-bar button:focus-visible,.club-intro button:focus-visible,.club-voice button:focus-visible{outline:3px solid #ffda87;outline-offset:3px}.club-bar button:active,.club-intro button:active{transform:scale(.96)}.club-brand{margin-right:auto;font-weight:800;letter-spacing:.12em;font-size:.8rem}.club-bar .club-mic,.club-primary{background:#f0bc69!important;color:#172c34!important;border-color:transparent!important}.club-bar button:disabled,.scene-request button:disabled{opacity:.5;cursor:default}.club-voice{margin:16px auto;padding:18px;width:min(1100px,calc(100% - 32px));border-radius:18px;border:1px solid #6c929b;background:#19313c;color:#fff4df}.club-voice p{margin:0 0 14px;line-height:1.6}.club-voice .controls{position:static;padding:10px 0 0;box-shadow:none}.club-intro{position:fixed;inset:0;z-index:60;background:#06131ce8;overflow:auto;padding:24px;display:grid;place-items:center}.club-intro__panel{width:min(850px,100%);background:#18313b;color:#fff3db;border:1px solid #44626a;border-radius:24px;padding:clamp(18px,3vw,32px);box-shadow:0 24px 100px #0008}.club-intro__top,.club-intro__actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.club-intro__top span{font-size:.75rem;letter-spacing:.1em}.club-intro h2{font-size:clamp(1.7rem,4vw,2.5rem);margin:20px 0 10px;text-wrap:balance}.club-intro p{font-size:1.15rem;line-height:1.65}.club-intro small{display:block;line-height:1.5;color:#c5d5d9}.club-intro .cinematic-scene{max-height:none;flex-shrink:0}.club-intro__name{display:grid;gap:8px;margin:22px 0 26px}.club-intro__name label{font-weight:700;color:#f4cf91}.club-intro__name label span{font-weight:400;color:#bdcfd4}.club-intro__name input{box-sizing:border-box;width:100%;min-height:52px;padding:12px 14px;border:1px solid #7fa0a9;border-radius:12px;background:#10262f;color:#fff3dc;font:inherit;font-size:1.15rem}.club-intro__name input:focus-visible{outline:3px solid #ffda87;outline-offset:3px}.club-intro .club-intro__name-ack{font-weight:700;color:#f4cf91;margin-bottom:0}.club-intro__origin-link{margin:0 0 24px}.club-intro__original{margin:0;background:#f8f6f0;border-radius:16px;overflow:hidden;text-align:center}.club-intro__original img{display:block;width:100%;height:min(46svh,470px);min-height:240px;object-fit:contain}.club-intro__original figcaption{padding:9px 14px;color:#263d49;font-size:.85rem}.club-intro__original p{color:#263d49;padding:30px}.club-intro__comic-picker{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 20px}.club-intro__comic-picker button[aria-pressed=true]{background:#42644f;border-color:#efd195}.club-intro__cosmos{position:relative;display:flex;min-height:240px;aspect-ratio:16/9;overflow:hidden;align-items:center;justify-content:center;flex-direction:column;gap:14px;border-radius:16px;border:1px solid #66718f;background:radial-gradient(circle at 20% 25%,#fff9 0 1px,transparent 2px),radial-gradient(circle at 78% 22%,#fff9 0 2px,transparent 3px),radial-gradient(circle at 66% 74%,#fff8 0 1px,transparent 2px),radial-gradient(ellipse at 45% 55%,#705b86 0,#243750 42%,#091423)}.club-intro__cosmos>span{font-size:clamp(5rem,12vw,8rem);line-height:1;color:#ffdda0;text-shadow:0 0 50px #ffd381aa}.club-intro__cosmos strong{font-size:clamp(.9rem,2.5vw,1.25rem);letter-spacing:.14em;text-align:center}.club-intro__cosmos small{color:#cdd9e7}.club-intro__actions{margin-top:22px}.club-intro button:disabled{opacity:.5;cursor:default}.scene-request{margin:18px 0;display:grid;gap:10px}.scene-request label{font-weight:700;color:#f3cf91}.scene-request input{min-height:48px;border:1px solid #86a4ac;border-radius:10px;padding:12px;background:#10252f;color:#fff;font:inherit;width:100%;box-sizing:border-box}.scene-request small{color:#b9cbd0;line-height:1.5}@media(max-width:600px){.club-brand{display:none}.club-bar{gap:7px;padding:9px}.club-bar button{padding:9px 12px}.club-intro{padding:10px}}dialog.club-intro{max-width:none;max-height:none;width:100%;height:100%;margin:0;border:0;box-sizing:border-box}dialog.help-overlay{max-width:none;max-height:none;width:100%;height:100%;margin:0;border:0;box-sizing:border-box}.club-type summary{cursor:pointer;padding:12px 0;color:#c8d7dc}.club-voice{margin-top:12px}.club-voice .controls{position:sticky;bottom:0;z-index:25;background:#19313cf5}.club-footer{display:flex;justify-content:center;padding:2rem 1rem;margin-top:2rem;border-top:1px solid #b9e9e322}.club-footer button{border:1px solid #bddbd355;border-radius:999px;background:#133941;color:#fff3d8;padding:.8rem 1.6rem;font:inherit;cursor:pointer;min-height:48px}.club-shell{display:grid;grid-template-columns:208px minmax(0,1fr);min-height:100svh;background:#0c2029}.club-sidebar{position:sticky;top:0;height:100svh;box-sizing:border-box;display:flex;flex-direction:column;padding:32px 18px 24px;background:#102b32;border-right:1px solid #ffffff12;color:#f6eddc}.club-logo{font-size:1.8rem;letter-spacing:.08em;font-weight:850;padding:0 12px 32px;color:#f0c789}.club-logo span{display:block;font-size:.62rem;letter-spacing:.17em;color:#b6caca;margin-top:5px}.club-menu{display:grid;gap:7px}.club-menu button{display:block;min-height:48px;padding:12px 14px;text-align:left;border:1px solid transparent;border-radius:10px;background:transparent;color:#d1e0de;font:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .15s}.club-menu button:hover{background:#ffffff09}.club-menu button[aria-current=page]{background:#315158;border-color:#83b4b64a;color:#ffdeaa}.club-menu button:focus-visible{outline:3px solid #f1c783;outline-offset:2px}.club-menu button:disabled{opacity:.5;cursor:default}.club-menu-secondary{border-top:1px solid #ffffff14;margin-top:24px;padding-top:20px}.club-menu-secondary button{font-size:.9rem;font-weight:400}.club-sidebar-note{margin-top:auto;padding:28px 12px 0;font-size:.8rem;color:#9eb9b9}.club-content{min-width:0}.club-content>.club-bar{position:relative;justify-content:flex-end;padding:12px 24px;background:#122630;border-bottom:1px solid #ffffff0d}.club-content>.club-bar .club-brand{letter-spacing:.08em;font-size:.65rem;color:#a7bec1}.club-chat{max-width:800px;margin:auto;padding:70px 30px;color:#f9eedb}.club-chat h1{font-size:clamp(2rem,5vw,3.5rem);margin:14px 0}.club-chat p{line-height:1.65}.club-chat button{padding:14px 24px;background:#edbc71;color:#142d34;border:0;border-radius:10px;font:inherit;font-weight:700;min-height:48px}@media(max-width:760px){.club-shell{display:block}.club-sidebar{height:auto;position:relative;padding:14px 14px 12px;border-right:0;border-bottom:1px solid #ffffff12}.club-logo{font-size:1.15rem;padding:0 4px 12px}.club-logo span{display:inline;margin-left:12px;font-size:.58rem}.club-menu{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.club-menu button{padding:10px 7px;text-align:center;font-size:.86rem;min-height:44px}.club-menu-secondary{display:flex;margin-top:10px;padding-top:7px;justify-content:center;gap:14px}.club-sidebar-note{display:none}.club-content>.club-bar{padding:10px 14px;gap:8px}.club-content>.club-bar .club-brand{display:none}.club-content>.club-bar button{font-size:.83rem}}.learning-lounge{max-width:1060px;margin:0 auto;padding:24px;color:#fff8e8;-webkit-font-smoothing:antialiased}.learning-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.learning-topbar>span{font-size:.72rem;letter-spacing:.15em;font-weight:750}.learning-lounge button{min-height:48px;border:1px solid #ffffff38;border-radius:12px;padding:12px 18px;background:#233a40;color:#fff8e8;font:inherit;cursor:pointer;transition:background-color .15s,transform .15s}.learning-lounge button:hover:not(:disabled){background:#355157}.learning-lounge button:active:not(:disabled){transform:scale(.96)}.learning-lounge button:disabled{opacity:.5;cursor:default}.learning-lounge button:focus-visible{outline:3px solid #ffdc8a;outline-offset:4px}.learning-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center;padding:32px;border-radius:28px;background:#172b32;outline:1px solid #ffffff1a}.learning-hero h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;margin:12px 0 20px;text-wrap:balance}.learning-hero p{line-height:1.6;text-wrap:pretty}.learning-eyebrow{font-size:.72rem;letter-spacing:.15em;color:#ffda98;font-weight:800}.learning-primary{background:#e7b867!important;color:#192b2e!important;font-weight:750!important;margin-top:10px}.learning-note{font-size:.85rem;color:#bdd0d0;margin-bottom:0}.learning-family{margin:0;min-width:0}.learning-family>div{display:flex;align-items:flex-end;min-height:230px}.learning-family .cel-viewport{width:50%;height:auto;aspect-ratio:1;flex:0 0 50%}.learning-family figcaption{text-align:center;color:#c9d8d8;font-size:.82rem;margin-top:16px}.learning-starters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.learning-starters button{text-align:left;padding:20px}.learning-starters strong,.learning-starters span{display:block}.learning-starters strong{font-size:1.02rem}.learning-starters span{font-size:.85rem;line-height:1.5;color:#d0dede;margin-top:8px}@media(max-width:720px){.learning-hero{grid-template-columns:1fr;padding:24px;gap:16px}.learning-family{max-width:360px;width:100%;margin:auto}.learning-family>div{min-height:0}.learning-starters{grid-template-columns:1fr}.learning-starters button{padding:16px}.learning-topbar>span{font-size:.6rem;letter-spacing:.08em}}@media(max-width:420px){.learning-lounge{padding:12px}.learning-hero{padding:20px}.learning-topbar{gap:8px}.learning-topbar button{padding:10px 14px}}@media(prefers-reduced-motion:reduce){.learning-lounge button{transition:none}.learning-lounge button:active:not(:disabled){transform:none}}.learning-hero:has(.scene-panel){grid-template-columns:minmax(220px,1fr) minmax(0,2fr);padding:24px;align-items:start}.learning-hero:has(.scene-panel) h1{font-size:clamp(1.7rem,3vw,2.5rem)}.learning-hero .scene-panel{min-width:0}.learning-hero .stage{min-height:0}.learning-hero .scene-story-details{display:none}@media(max-width:720px){.learning-hero:has(.scene-panel){grid-template-columns:1fr}.learning-hero:has(.scene-panel) .learning-introduction>p:not(.learning-note){display:none}}.learning-practice{margin-top:32px;padding:28px;background:#172b32;border-radius:24px;border:1px solid #ffffff26}.learning-practice h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:10px 0}.learning-practice p{line-height:1.6}.learning-clinician{margin-top:24px;border-top:1px solid #ffffff26;padding-top:20px}.learning-clinician summary{cursor:pointer;font-weight:700;min-height:44px;align-content:center}.learning-clinician textarea{display:block;box-sizing:border-box;width:100%;margin:10px 0;padding:12px;border:1px solid #93a6a8;border-radius:10px;background:#0f2328;color:#fff;font:inherit;resize:vertical}.learning-share{display:flex;align-items:center;gap:12px;margin:16px 0;line-height:1.5}.learning-share input{width:22px;height:22px;flex:none}.learning-sources{font-size:.8rem}.learning-sources a{color:#ffda98}.learning-clinician textarea:focus-visible,.learning-clinician summary:focus-visible{outline:3px solid #ffdc8a;outline-offset:3px}@media(max-width:720px){.learning-practice{padding:20px}}.speech-practice .learning-practice{margin-top:0}.speech-practice h1,.news-intro h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.1;margin:10px 0 20px}.media-lounge .music-interlude{box-sizing:border-box;width:100%;max-width:900px}.news-intro,.news-article{background:#172b32;border:1px solid #ffffff26;border-radius:24px;padding:clamp(20px,4vw,36px)}.news-intro p,.news-article p{line-height:1.65;max-width:70ch}.news-stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.news-stories button{display:flex;flex-direction:column;gap:14px;align-items:flex-start;text-align:left;padding:24px}.news-stories strong{font-size:1.15rem;line-height:1.4}.news-source{font-size:.8rem;color:#bacdcc}.news-article{margin-top:24px}.news-article h2{font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.2;text-wrap:balance}@media(max-width:650px){.news-stories{grid-template-columns:1fr}}.music-interlude{width:min(100%,800px);margin:auto;padding:clamp(20px,4vw,40px);border:1px solid #476070;border-radius:20px;background:#142a39;color:#f4ead8}.music-interlude h2{font-size:clamp(1.8rem,5vw,2.8rem);margin:6px 0 14px;line-height:1.1}.music-interlude p{line-height:1.6}.music-eyebrow{color:#efc17c;font-size:.75rem;font-weight:800;letter-spacing:.13em}.music-search,.music-link-form{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px}.music-search label,.music-link-form label{flex-basis:100%;font-weight:700}.music-interlude input{flex:1;min-width:160px;max-width:100%;min-height:48px;padding:12px;border:1px solid #7891a0;border-radius:10px;background:#0a1d2b;color:#fff;font:inherit}.music-interlude button,.music-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #708b9b;border-radius:10px;padding:10px 16px;color:#fff;background:#2d4b60;font:inherit;text-decoration:none}.music-interlude button:disabled{opacity:.5}.music-interlude a{color:#f2ca8b}.music-interlude :is(input,a,button):focus-visible{outline:3px solid #ffd166;outline-offset:3px}.music-search-hint,.music-privacy,.music-skip-note{font-size:.85rem;color:#bbced8}.music-quick-picks{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.music-player-wrap{margin:24px 0}.music-player-wrap iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:12px;background:#07131d}.music-player-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:10px}.music-interlude .music-continue{background:#dec08a;color:#122532;font-weight:800;margin-top:16px}.music-aside{padding-left:16px;border-left:3px solid #d6b476;color:#dfcda9}.music-error{color:#ffbbad}@media(max-width:520px){.music-interlude{padding:18px 14px}.music-search input,.music-link-form input{flex-basis:100%}.music-search .music-button,.music-link-form button,.music-continue{width:100%}}.music-add{margin-top:24px;border-top:1px solid #ffffff26;padding-top:12px}.music-add summary{cursor:pointer;min-height:44px;align-content:center}.music-memory{padding:18px 20px;border-radius:12px;background:#203c4c}.music-player-wrap iframe{min-height:200px}.music-add summary:focus-visible{outline:3px solid #ffd166;outline-offset:3px}.music-pages{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0;flex-wrap:wrap}.music-pages span{font-size:.9rem;color:#c5d8dc}.music-pages button{min-height:44px}.gizmo-story{width:min(1080px,100%);margin:auto;padding:24px;box-sizing:border-box;color:#edf0e9}.gizmo-story button{min-height:48px;padding:12px 19px;border:1px solid #77929f;border-radius:12px;background:#233d4c;color:#f3f5eb;font:inherit;cursor:pointer}.gizmo-story button:hover:not(:disabled){background:#315367}.gizmo-story button:disabled{cursor:default;opacity:.5}.gizmo-story button:focus-visible,.gizmo-story textarea:focus-visible{outline:3px solid #f9cd7f;outline-offset:4px}.gizmo-story button[aria-pressed=true]{background:#ecd099;color:#1d2e3a;border-color:#f2d8a6;box-shadow:inset 0 2px 4px #0003}.gizmo-story .gizmo-story__primary{background:#e3ae63;color:#152532;border-color:#efc995;font-weight:750}.gizmo-story .gizmo-story__primary:hover:not(:disabled){background:#f2c783}.gizmo-story__header{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.gizmo-story__eyebrow{margin:0 0 8px;font-size:.75rem;letter-spacing:.09em;color:#d4b889;text-transform:uppercase}.gizmo-story h1{margin:0;font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.04em}.gizmo-story__tools,.gizmo-story__action-buttons,.gizmo-story__next{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.gizmo-story__tools button{font-size:.85rem;padding:10px 15px}.gizmo-story__chapter{display:flex;align-items:baseline;gap:14px;margin:24px 0 15px}.gizmo-story__chapter span{font-size:.8rem;color:#bbcccf;font-variant-numeric:tabular-nums}.gizmo-story__chapter h2{font-size:1.15rem;margin:0;font-weight:500}.gizmo-story__art{display:block;width:100%;max-height:48svh;aspect-ratio:16 / 9;object-fit:contain;object-position:center;background:#081921;border-radius:18px}.gizmo-story__dialogue{margin:20px auto;max-width:850px;font-size:clamp(1rem,2vw,1.18rem);line-height:1.55}.gizmo-story__dialogue p{margin:10px 0}.gizmo-story__dialogue b{display:inline-block;min-width:105px;margin-right:14px;font-size:.7rem;letter-spacing:.11em;color:#e3ba7d}.gizmo-story__aside{color:#bcd0d4;font-style:italic}.gizmo-story__action-buttons{margin:18px 0}.gizmo-story__action-buttons>span{color:#b0c7ce;font-size:.85rem}.gizmo-story__next{margin:22px 0;justify-content:flex-end}.gizmo-story__next .gizmo-story__primary{min-width:140px}.gizmo-story__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;border-top:1px solid #ffffff20;padding-top:18px;margin-top:24px;font-size:.78rem;color:#9db5c0}.gizmo-story__footer button{font-size:.8rem}.gizmo-story__recap{border:1px solid #ffffff28;padding:18px;border-radius:14px}.gizmo-story__recap legend{padding:0 8px;font-weight:650}.gizmo-story__recap p{color:#c4d2d7;line-height:1.5}.gizmo-story__note{display:grid;gap:8px}.gizmo-story textarea{width:100%;box-sizing:border-box;padding:12px;background:#142935;color:#f4f1e4;border:1px solid #77929f;border-radius:10px;font:inherit;resize:vertical}.gizmo-story__pause{padding:14px;border-radius:10px;background:#ead1a120;color:#f5d69f}.gizmo-story__surprise{padding:12px 16px;border-left:2px solid #d7a459;color:#dbcaad;font-size:.92rem}.gizmo-story__narration{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0;font-size:.8rem;color:#bed0d5}.gizmo-action{position:relative;overflow:hidden;isolation:isolate;aspect-ratio:16 / 8;max-height:460px;background:linear-gradient(135deg,#0e2631,#234956 55%,#132732);border:1px solid #b9d4d526;border-radius:18px}.gizmo-action__spotlight{position:absolute;inset:0;background:conic-gradient(from 145deg at 75% 0%,transparent,#ffe2a824 17deg,transparent 36deg),conic-gradient(from 170deg at 18% 0%,transparent,#bbd8ff18 18deg,transparent 35deg)}.gizmo-action__floor{position:absolute;bottom:0;width:100%;height:25%;background:linear-gradient(#c08c5b22,#c08c5b44);border-top:1px solid #f5c78833;transform:skewY(-3deg) scale(1.1)}.gizmo-action__stage-name{position:absolute;top:8%;left:6%;color:#d9b584;font-size:clamp(.65rem,1.5vw,1.1rem);letter-spacing:.16em}.gizmo-action__dog{position:absolute;bottom:8%;left:34%;width:46%;height:65%;object-fit:contain;object-position:center bottom;transform-origin:50% 95%;filter:drop-shadow(0 14px 8px #0004)}.gizmo-action__record{position:absolute;top:62%;left:16%;width:12%;height:auto;transform:rotate(-22deg) scaleY(.65);filter:drop-shadow(0 6px 5px #0005)}.gizmo-action--tossed .gizmo-action__record{left:66%;top:27%;transform:rotate(10deg) scaleY(.65);animation:gizmo-record-hover 2.8s ease-in-out infinite}.gizmo-action--caught .gizmo-action__dog{animation:gizmo-catch-hop 1.3s ease-out both}.gizmo-action--caught .gizmo-action__record{left:70%;top:53%;width:10%;animation:gizmo-record-catch 1.3s ease-out both}.gizmo-action--caught[data-animate-catch=false] .gizmo-action__record,.gizmo-action--caught[data-animate-catch=false] .gizmo-action__dog{animation:none}.gizmo-action__caught{position:absolute;bottom:13%;left:7%;font-size:clamp(.85rem,2.8vw,1.8rem);font-weight:700;color:#f2cf8b}.gizmo-story[data-motion=paused] .gizmo-action__record,.gizmo-story[data-motion=paused] .gizmo-action__dog{animation-play-state:paused}@keyframes gizmo-record-hover{0%,to{transform:translateY(0) rotate(10deg) scaleY(.65)}50%{transform:translateY(-12px) rotate(25deg) scaleY(.65)}}@keyframes gizmo-catch-hop{0%{transform:translate(0) rotate(0)}38%{transform:translate(20%,-28%) rotate(9deg)}70%{transform:translate(4%,-8%) rotate(3deg)}to{transform:translate(0) rotate(0)}}@keyframes gizmo-record-catch{0%{transform:translate(-40%,-260%) rotate(10deg) scaleY(.65)}38%{transform:translate(100%,-130%) rotate(170deg) scaleY(.65)}to{transform:translate(0) rotate(350deg) scaleY(.65)}}@media(prefers-reduced-motion:reduce){.gizmo-story:not(.gizmo-motion-force) .gizmo-action__dog,.gizmo-story:not(.gizmo-motion-force) .gizmo-action__record{animation:none}}@media(max-width:600px){.gizmo-story{padding:16px}.gizmo-story__tools{gap:7px}.gizmo-story__tools button{padding:9px 12px}.gizmo-story__dialogue b{display:block;margin-bottom:2px}.gizmo-story__art{border-radius:12px}.gizmo-story__next{justify-content:stretch}.gizmo-story__next button{flex:1}.gizmo-action{aspect-ratio:4/3}.gizmo-action__dog{width:60%;left:23%}.gizmo-action__stage-name{max-width:80%;line-height:1.7}}.gizmo-action__backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.family-crew{margin:24px 0;color:#f4ede0}.family-crew__choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px}.family-crew__choices button{display:flex;align-items:center;gap:10px;text-align:left;padding:8px 12px;background:#172e3b;border:1px solid #536a75;transition:background-color .15s,border-color .15s}.family-crew__choices button[aria-pressed=true]{background:#314637;border-color:#deb575;color:#fff3d9}.family-crew__thumbnail{display:block;width:54px;height:54px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#101f28}.family-crew__spotlight{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;overflow:hidden;border-radius:24px;background:radial-gradient(ellipse at 24% 48%,#335767 0,#172f3b 45%,#0c1c26);border:1px solid #486372;min-height:420px}.family-crew__portrait{width:100%;max-width:540px;aspect-ratio:1;align-self:end;margin:auto}.family-crew__story{padding:32px 36px 36px 20px}.family-crew__eyebrow{color:#e6be81;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;font-weight:700}.family-crew__story h2{font-size:clamp(1.8rem,3.6vw,3.2rem);line-height:1.08;letter-spacing:-.03em;text-wrap:balance;margin:12px 0 20px}.family-crew__story>p:not(.family-crew__eyebrow){font-size:1.1rem;line-height:1.6;text-wrap:pretty}.family-crew__story .family-crew__note{color:#b3c7cc;font-size:.85rem!important}.family-crew button:focus-visible,.preview-view-switch button:focus-visible{outline:3px solid #f3cf88;outline-offset:4px}.preview-view-switch{display:flex;gap:10px;margin:0 0 18px}.preview-view-switch button[aria-pressed=true]{background:#385541;border-color:#e1b77d}@media(max-width:1000px){.family-crew__choices{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.family-crew__choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.family-crew__choices button{font-size:.9rem;padding:8px}.family-crew__thumbnail{width:44px;height:44px}.family-crew__spotlight{grid-template-columns:1fr;min-height:0}.family-crew__portrait{max-width:400px}.family-crew__story{padding:8px 24px 28px}.family-crew__story h2{margin:8px 0 12px}}.nacho-arcade{box-sizing:border-box;width:min(100%,1100px);margin:0 auto;padding:20px 16px 32px;color:#f4f1de}.nacho-arcade header{text-align:center}.nacho-arcade h2{margin:18px 0 8px;font-size:clamp(1.8rem,7vw,2.7rem);color:#ffd166}.nacho-arcade button{color:#f4f1de;background:#23425f;border:2px solid #50718b;border-radius:12px;min-height:48px;padding:10px 18px;font-weight:700;touch-action:none}.nacho-arcade button:active,.nacho-arcade button[aria-pressed=true]{background:#2a9d8f;border-color:#80eddb;box-shadow:inset 0 3px #0005}.nacho-arcade button:disabled{opacity:.5;cursor:not-allowed}.arcade-score{display:flex;justify-content:space-around;gap:12px;padding:12px;margin-bottom:12px;background:#16283d;border-radius:12px;font-variant-numeric:tabular-nums}.arcade-score strong{display:block;text-align:center;font-size:1.5rem;color:#80eddb}.arcade-stage{position:relative;width:min(100%,900px);margin:0 auto;background:#071426;border:2px solid #385977;border-radius:16px;overflow:hidden}.arcade-stage:focus-visible{outline:3px solid #ffd166;outline-offset:3px}.arcade-stage svg{display:block;width:100%;height:auto;max-height:65vh;max-height:65svh}.arcade-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:20px;text-align:center;background:#071426df}.arcade-overlay strong{font-size:1.7rem}.arcade-overlay button{background:#257e73;border-color:#80eddb}.arcade-actions,.arcade-touch{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:10px}.arcade-touch button{min-width:88px;min-height:64px;font-size:1.1rem;user-select:none;-webkit-user-select:none}.arcade-help{color:#becfdf;font-size:.95rem;line-height:1.6;text-align:center}@media(max-height:800px),(max-width:600px){.nacho-arcade{padding-top:8px}.nacho-arcade h2{margin:10px 0 4px;font-size:1.8rem}.nacho-arcade header p{margin:6px 0 10px}.arcade-score{padding:7px 12px;margin-bottom:8px}.arcade-score strong{font-size:1.2rem}.arcade-touch{gap:6px}.arcade-touch button{min-width:64px;padding:8px 10px}}.game-night{min-height:100vh;background:radial-gradient(ellipse at 20% 0%,#244256,transparent 60%),#101b2a;color:#faf3e3}.game-night button,.game-night input,.game-night select{font:inherit;min-height:48px;border-radius:12px}.game-night button{padding:12px 18px;border:1px solid #718596;background:#263b50;color:#fff;transition:transform .12s,background-color .12s}.game-night button:active:not(:disabled){transform:scale(.97);background:#3b5267}.game-night button:disabled{opacity:.5}.game-night input,.game-night select{padding:10px 14px;border:1px solid #8c9faf;background:#142331;color:#fff;max-width:100%}.game-night input:focus-visible,.game-night select:focus-visible{outline:3px solid #ffd166;outline-offset:3px}.gn-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid #425466}.gn-header>span{font-weight:800;letter-spacing:.12em;font-size:.85rem;text-align:center}.gn-lobby,.gn-table-page{max-width:1120px;margin:auto;padding:40px 24px 64px}.gn-eyebrow{letter-spacing:.17em;font-size:.8rem;font-weight:800;color:#ffc777;margin:0 0 12px}.gn-lobby h1,.gn-table-page h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1.08;letter-spacing:-.035em;margin:0 0 18px;text-wrap:balance}.gn-lobby>p:not(.gn-eyebrow){max-width:650px;color:#ccd7df;font-size:1.15rem;line-height:1.6}.gn-selection{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}.game-night .gn-tile{text-align:left;padding:24px;border-radius:24px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 8px 24px #0003}.game-night .gn-maze{background:linear-gradient(145deg,#594134,#293c50)}.game-night .gn-space{background:linear-gradient(145deg,#373b70,#233447)}.game-night .gn-family{background:linear-gradient(145deg,#22574e,#233b42)}.gn-tile-art{font-size:clamp(2rem,4vw,3rem);align-self:center;padding:25px 0 36px;color:#ffd166;white-space:nowrap}.gn-tile small{color:#d9e1e8;font-size:.7rem;font-weight:800;letter-spacing:.08em}.gn-tile h2{font-size:1.5rem;margin:12px 0 0}.gn-tile p{line-height:1.55;color:#d7e2eb;flex:1}.gn-tile b{color:#ffda93;margin-top:18px}.gn-table-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.gn-table-heading h1{margin:0}.gn-room-setup{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;background:#203348;padding:28px;border-radius:24px}.gn-room-setup p{line-height:1.6;color:#d4dfe8}.gn-room-setup form{display:flex;flex-direction:column;gap:16px;align-self:start}.game-night .gn-primary{background:#ffcf79;color:#152638;border-color:#ffcf79;font-weight:800}.gn-invite{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.gn-invite>div{display:flex;gap:12px}.gn-invite input{flex:1;min-width:0}.gn-invite small{color:#c2cfdc}.gn-players{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:24px 0}.gn-player{padding:14px 16px;border:2px solid #486071;border-radius:16px;display:flex;flex-direction:column;gap:8px;overflow-wrap:anywhere}.gn-player span{font-size:.85rem;color:#cedae2}.gn-turn{border-color:#ffd166;background:#374334}.gn-felt{background:radial-gradient(ellipse,#24534b,#153e38);border:5px solid #73604e;border-radius:32px;padding:28px;text-align:center;min-height:200px;box-shadow:inset 0 2px 10px #0005}.gn-turn-label{font-size:1.4rem;font-weight:800;margin-top:0;color:#ffe2a9}.gn-discard{display:flex;align-items:center;justify-content:center;gap:24px;max-width:440px;margin:16px auto}.gn-card{display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:#fff8e9;border-radius:10px;min-width:68px;width:80px;height:116px;color:#192435;padding:10px;font-size:1.3rem;box-shadow:0 3px 7px #0005}.gn-card>span{font-size:2.4rem;line-height:1.1}.gn-red{color:#a52c36}.gn-hand-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.gn-hand{display:flex;flex-wrap:wrap;gap:12px;padding:12px 0}.game-night .gn-hand button{padding:4px;background:transparent;border:2px solid transparent}.game-night .gn-hand button:not(:disabled){border-color:#ffd166}.game-night .gn-hand button:disabled{opacity:.65}.gn-rules{margin-top:24px;padding:20px;background:#203348;border-radius:16px;line-height:1.6}.gn-rules summary{cursor:pointer;font-weight:800;min-height:32px}.gn-error{background:#482e37;padding:18px;border-radius:14px;color:#ffe2dd}.family-call video{max-width:100%;border-radius:14px;background:#0c1623}.family-call button[aria-pressed=true]{background:#237c70;border-color:#76e3bd;box-shadow:inset 0 3px 6px #0005}@media(max-width:740px){.gn-selection{grid-template-columns:1fr}.game-night .gn-tile{display:grid;grid-template-columns:90px 1fr;column-gap:18px;padding:22px}.gn-tile-art{grid-row:1/5;font-size:2rem;padding:0;white-space:normal;text-align:center}.gn-tile p{margin:10px 0}.gn-tile b{margin-top:8px}.gn-room-setup{grid-template-columns:1fr;padding:20px}.gn-header{padding:12px}.gn-header>span{display:none}.gn-lobby,.gn-table-page{padding:28px 16px}.gn-invite>div{flex-wrap:wrap}.gn-invite input{flex-basis:100%}.gn-felt{padding:20px 12px}.gn-table-heading h1{font-size:2rem}.gn-card{width:65px;min-width:60px;height:94px}.gn-hand{gap:6px}}@media(prefers-reduced-motion:reduce){.game-night button{transition:none}}.family-call{padding:20px;border-radius:20px;background:#203348;margin:22px 0}.family-call h3{margin-top:0}.family-call-controls{display:flex;gap:18px;flex-wrap:wrap;margin:18px 0}.family-call-controls>div{display:flex;flex-direction:column;gap:8px}.family-call-controls [role=status]{font-size:.9rem;color:#d0e1e8}.family-call-peers{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.family-call-peer{padding:16px;background:#142737;border-radius:16px;min-width:0}.family-call-peer h4{margin:0 0 10px;overflow-wrap:anywhere}.family-call-peer video{width:100%;aspect-ratio:4/3;object-fit:cover}.family-call-peer p{font-size:.9rem;line-height:1.5}.family-call>video{width:180px}.welcome.welcome-cinematic{display:block;padding:26px clamp(18px,4vw,54px) 28px;box-sizing:border-box;min-height:calc(100svh - 72px);color:#fff1dc;background:radial-gradient(ellipse at 20% 15%,#29494d,#101f2a 65%)}.welcome-cinematic .welcome-masthead{position:static;max-width:1100px;margin:0 auto 24px;text-align:left}.welcome-cinematic .welcome-masthead .game-title{font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.03em;text-transform:none;text-shadow:none;margin:0}.welcome-feature{max-width:1000px;margin:auto;display:grid;grid-template-columns:minmax(180px,.7fr) 1.3fr;gap:clamp(22px,4vw,50px);align-items:center}.welcome-sidekick{width:100%;max-width:280px;aspect-ratio:1;justify-self:center}.welcome-cinematic .welcome-copy{text-align:left;min-width:0}.welcome-cinematic .welcome-hey{font-size:clamp(2.3rem,4.5vw,3.8rem);line-height:1.06;letter-spacing:-.04em;text-shadow:none;margin:0;text-wrap:balance}.welcome-cinematic .welcome-sub{font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.5;margin:16px 0 0;max-width:36rem;color:#e0e8e4;font-weight:400;text-shadow:none;text-wrap:pretty}.welcome-cinematic .ai-disclosure{font-size:.88rem;line-height:1.5;color:#b7cccd;margin:12px 0 20px;text-shadow:none}.welcome-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.welcome-cinematic button{font:inherit;cursor:pointer;min-height:44px}.welcome-cinematic button:disabled{cursor:default;opacity:.55}.welcome-cinematic button:focus-visible{outline:3px solid #ffd184;outline-offset:4px}.welcome-cinematic .btn-start{min-height:56px;border-radius:12px;padding:15px 20px;font-size:.9rem;font-weight:750;border:0;background:#edbc71;color:#132b33;box-shadow:0 3px #0004}.welcome-cinematic .btn-intro{background:transparent;border:0;color:#d9e6e3;padding:10px;font-size:.8rem;text-decoration:underline;text-underline-offset:4px}.welcome-family{max-width:1100px;margin:28px auto 0}.welcome-family-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.welcome-family-heading h2{font-size:1rem;font-weight:600;margin:0;color:#d5e2df}.welcome-family-heading button,.welcome-footer button{color:#d0e0df;background:transparent;border:0;padding:10px 2px;font-size:.85rem}.welcome-family-portraits{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:6px}.welcome-family-portraits button{display:flex;flex-direction:column;align-items:center;background:transparent;color:#f5e6cc;border:0;padding:4px 6px 10px;border-radius:12px;transition:background-color .15s}.welcome-family-portraits button:hover:not(:disabled){background:#ffffff0b}.welcome-family-portrait{display:block;width:100%;max-width:130px;aspect-ratio:1}.welcome-family-portraits button>span:last-child{font-size:.9rem}.welcome-activities{max-width:1100px;margin:24px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.welcome-card{display:flex;flex-direction:column;gap:8px;padding:20px;min-width:0;text-align:left;color:#f9ebd4;background:#203944;border:1px solid #ffffff20;border-radius:14px;transition:background-color .15s}.welcome-card:hover:not(:disabled){background:#2e4b57}.welcome-card strong{font-size:1.15rem;font-weight:650}.welcome-card>span{font-size:.9rem;line-height:1.45;color:#c4d6d8}.welcome-footer{max-width:1100px;margin:14px auto 0;display:flex;justify-content:flex-end}@media(max-width:650px){.welcome-feature{grid-template-columns:100px 1fr;gap:16px}.welcome-sidekick{align-self:start}.welcome-cinematic .welcome-masthead{margin-bottom:24px}.welcome-cinematic .welcome-hey{font-size:2rem}.welcome-cinematic .welcome-sub{font-size:1rem}.welcome-actions{flex-direction:column;align-items:stretch}.welcome-cinematic .btn-start{font-size:.8rem;padding:14px 10px}.welcome-family-heading{align-items:start}.welcome-family-heading h2{max-width:15rem;line-height:1.5}.welcome-family-heading button{padding-top:0;text-align:right}.welcome-family-portraits{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.welcome-activities{grid-template-columns:1fr;gap:10px;margin-top:18px}.welcome-card{padding:16px}.welcome-card strong{font-size:1rem}}.welcome-feature{max-width:1100px;display:flex;flex-direction:column;gap:24px;align-items:stretch}.welcome-duo{margin:0;border-radius:20px;overflow:hidden;box-shadow:0 12px 38px #0005;outline:1px solid #ffffff1a;background:#172c37}.welcome-duo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.welcome-duo figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px;color:#f7cc86;font-size:.9rem;font-weight:750;letter-spacing:.06em}.welcome-duo figcaption span{color:#d2dedb;font-size:.85rem;font-weight:400;letter-spacing:0}.welcome-cinematic .welcome-copy{padding:0 4px}.welcome-cinematic .welcome-hey{font-size:clamp(2rem,4vw,3rem)}.welcome-cinematic .welcome-sub{max-width:none;margin-top:10px}.welcome-card{padding:0 0 20px;overflow:hidden}.welcome-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;outline:1px solid #ffffff1a;margin-bottom:8px}.welcome-card strong,.welcome-card>span{padding:0 20px}.welcome-cinematic button:active:not(:disabled){transform:scale(.96)}@media(max-width:650px){.welcome-feature{gap:20px}.welcome-duo{border-radius:14px}.welcome-duo figcaption{padding:11px 12px;flex-direction:column;align-items:flex-start;gap:5px;font-size:.8rem}.welcome-duo figcaption span{font-size:.78rem}.welcome-card{padding:0 0 16px}.welcome-card strong,.welcome-card>span{padding:0 16px}}.welcome-simple .welcome-masthead{max-width:1120px;margin-bottom:22px}.welcome-eyebrow{letter-spacing:.18em;font-size:.68rem;color:#9bbbbb;margin:0 0 10px}.welcome-simple .welcome-feature{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,1fr);gap:32px;max-width:1120px}.welcome-simple .welcome-duo img{aspect-ratio:1.6;object-fit:cover}.welcome-simple .welcome-duo figcaption{font-size:.7rem;flex-direction:column;align-items:flex-start;gap:4px}.welcome-simple .welcome-copy{padding:0}.welcome-simple .welcome-sub{font-size:1.06rem}.welcome-simple .welcome-hey{font-size:clamp(2rem,3vw,3rem)}.welcome-simple .welcome-actions{gap:10px}.welcome-simple .btn-start{font-size:1rem;text-transform:none;padding:14px 26px}.welcome-destinations{max-width:1120px;margin:32px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.welcome-destinations button{position:relative;display:grid;gap:8px;text-align:left;background:#1a3540;border:1px solid #ffffff18;border-radius:12px;color:#f5e9d5;padding:22px 48px 22px 22px;transition:background-color .15s}.welcome-destinations button:hover{background:#254753}.welcome-destinations strong{font-size:1.12rem}.welcome-destinations span{font-size:.88rem;line-height:1.5;color:#b9d0d0}.welcome-destinations b{position:absolute;right:20px;top:24px;color:#e7c486;font-size:1.2rem}.welcome-simple{min-height:0!important}@media(max-width:1000px){.welcome-simple .welcome-feature{grid-template-columns:1fr;gap:24px}.welcome-simple .welcome-duo img{max-height:380px;object-fit:contain}.welcome-simple .welcome-duo figcaption{flex-direction:row}.welcome-simple .welcome-actions{flex-direction:row}}@media(max-width:480px){.welcome-destinations{grid-template-columns:1fr}.welcome-simple .welcome-duo figcaption span{display:none}}.help-overlay .help-card{max-height:calc(100dvh - 40px);overflow-y:auto;box-sizing:border-box;width:min(100%,38rem)}.help-feedback{border-top:1px solid #758292;padding-top:1rem;margin:1rem 0}.help-feedback label{display:grid;gap:.5rem;margin:.75rem 0;font-weight:700}.help-feedback select,.help-feedback textarea{width:100%;box-sizing:border-box;padding:.8rem;border:2px solid #8397b2;border-radius:.6rem;background:#112035;color:#fff;font:inherit}.help-feedback textarea{resize:vertical}.help-feedback strong{overflow-wrap:anywhere}.help-feedback button{max-width:100%;white-space:normal}.help-feedback [role=alert]{color:#ffd19b}:root{color-scheme:dark;--bg: #0d1b2a;--panel: #16283d;--ink: #f4f1de;--accent: #f4a259;--go: #2a9d8f;--warn: #e76f51;font-family:Trebuchet MS,Verdana,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button{font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible{outline:4px solid #ffd166;outline-offset:2px}.app{min-height:100vh;display:flex;flex-direction:column}.simulation-badge{background:#6a4c93;color:#fff;text-align:center;padding:6px 10px;font-weight:700;letter-spacing:.04em}.start-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center}.game-title{font-size:clamp(3rem,12vw,6rem);margin:0;color:var(--accent)}.game-subtitle{font-size:1.4rem;letter-spacing:.5em;margin:0}.ai-disclosure{max-width:34rem;font-size:1.1rem}.btn-start{font-size:clamp(1.4rem,5vw,2.2rem);font-weight:800;padding:22px 44px;border-radius:18px;border:none;background:var(--go);color:#fff;min-height:72px}.btn-help-corner{position:fixed;top:16px;right:16px;padding:10px 18px;border-radius:10px;border:2px solid var(--warn);background:transparent;color:var(--warn);font-weight:700}.error-note{color:var(--warn)}.journey{flex:1;display:flex;flex-direction:column;min-height:0}.journey-top{padding:10px 16px}.journey-body{flex:1;display:flex;gap:16px;padding:0 16px;min-height:0}.scene-panel{flex:7;display:flex;flex-direction:column;min-width:0;gap:12px;overflow-y:auto}.stage{position:relative;aspect-ratio:16/9;max-height:58vh;border-radius:18px;overflow:hidden;flex-shrink:0;background:linear-gradient(180deg,#16283d,#2b5178 30%,#f4a259 57%,#ffcf8a 65%,#1a5d6e 66%,#0a2a3a)}.stage-backdrop{position:absolute;inset:0}.backdrop-sun{position:absolute;left:34%;bottom:32%;width:17%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff3c4,#ffd166 55%,#ffd16600 72%)}.backdrop-city{position:absolute;left:0;right:0;bottom:33%;height:11%;background:#14324a;clip-path:polygon(0 100%,0 62%,4% 62%,4% 32%,8% 32%,8% 66%,14% 66%,14% 16%,19% 16%,19% 56%,26% 56%,26% 36%,33% 36%,33% 70%,42% 70%,42% 26%,48% 26%,48% 60%,57% 60%,57% 40%,64% 40%,64% 68%,74% 68%,74% 22%,80% 22%,80% 58%,88% 58%,88% 38%,94% 38%,94% 62%,100% 62%,100% 100%)}.backdrop-water{position:absolute;left:0;right:0;bottom:0;height:34%;background:repeating-linear-gradient(180deg,rgba(255,209,102,.15) 0 2px,transparent 2px 13px),linear-gradient(180deg,#1a5d6e,#0a2a3a)}.backdrop-palm{position:absolute;bottom:30%;height:56%;fill:#07202f}.backdrop-palm.palm-l{left:-1.5%}.backdrop-palm.palm-r{right:-1.5%;height:50%;transform:scaleX(-1)}.scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.stage-front{position:absolute;left:3%;bottom:4%;z-index:3;display:flex;flex-direction:column;gap:4px;background:#091826b8;border-radius:12px;padding:10px 14px;max-width:58%}.scene-location{font-size:1.35rem;font-weight:800;color:var(--accent);letter-spacing:.05em}.scene-note{color:#cfe3ef;font-size:.95rem}.stage-media-meta{position:absolute;left:3%;top:4%;z-index:3;margin:0;background:#091826b8;border-radius:10px;padding:8px 12px;color:#cfe3ef;font-size:.9rem;max-width:58%}.scene-characters{color:#98c1d9;margin:0 4px}.host{position:relative}.host-img{width:100%;height:100%;object-fit:contain;display:block;-webkit-user-select:none;user-select:none}.host-stage{position:absolute;right:3%;bottom:-3%;height:82%;aspect-ratio:1;z-index:2}.host-mini{position:absolute;right:3%;bottom:3%;height:34%;aspect-ratio:1;z-index:3}.host-welcome{height:clamp(230px,34vw,430px);aspect-ratio:1}.host-panel{height:76px;aspect-ratio:1;margin:0 auto;flex-shrink:0}.host-panel[data-pose=b] .host-img{transform:scaleX(-1) rotate(-3deg)}.host-panel[data-pose=c] .host-img{transform:rotate(4deg)}.host-ring{position:absolute;inset:-4%;border-radius:50%;pointer-events:none}.host[data-status=listening] .host-ring{animation:host-ring 2.6s ease-out infinite}.host[data-status=connecting] .host-img{animation:host-pulse 1.6s ease-in-out infinite}.host[data-status=listening] .host-img{animation:host-bob 2.8s ease-in-out infinite}.host[data-status=working] .host-img{animation:host-think 1.2s ease-in-out infinite}.host[data-status=speaking] .host-img{animation:host-speak .55s ease-in-out infinite}.host[data-status=paused] .host-img,.host[data-status=muted] .host-img{filter:saturate(.5) brightness(.82);transform:rotate(-3deg)}.host[data-status=offline] .host-img,.host[data-status=stopped] .host-img{filter:saturate(.3) brightness(.7);transform:rotate(-5deg) translateY(2%)}.host[data-status=ended] .host-img{transform:rotate(2deg)}@keyframes host-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-2.5%) rotate(1.2deg)}}@keyframes host-speak{0%,to{transform:rotate(-1.6deg) scale(1)}50%{transform:rotate(1.6deg) scale(1.03)}}@keyframes host-think{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg) translateY(-1.5%)}}@keyframes host-pulse{0%,to{opacity:.65}50%{opacity:1}}@keyframes host-ring{0%{box-shadow:0 0 #2a9d8f73}to{box-shadow:0 0 0 20px #2a9d8f00}}.host-prop{position:absolute;pointer-events:none}.host-prop-star{top:-8%;left:-10%;width:40%;aspect-ratio:1;background:#ffd166;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.host-prop-sneakers{bottom:-5%;left:16%;width:68%;height:13%;background:linear-gradient(90deg,#e76f51 0 45%,transparent 45% 55%,#e76f51 55% 100%);border-radius:45% 45% 25% 25%}.host-prop-move{top:18%;left:-16%;width:32%;height:56%;background:repeating-linear-gradient(180deg,#ffd166 0 4px,transparent 4px 15px);transform:skew(-18deg);border-radius:8px;opacity:.85}.host-prop-judge{top:2%;right:-10%;width:36%;aspect-ratio:1.5;background:#f4f1de;border:2px solid #1b2631;border-radius:6px;transform:rotate(9deg)}.host-prop-judge:after{content:"10";position:absolute;inset:0;display:grid;place-items:center;font-size:11px;font-weight:900;color:#1b2631}.comic{background:#0918268c;border:2px solid #3d5a80;border-radius:14px;padding:10px 12px;flex-shrink:0}.comic-tag{margin:0 0 8px;font-size:.8rem;font-weight:800;letter-spacing:.08em;color:#98c1d9}.comic-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.comic-panel{background:var(--panel);border:2px solid transparent;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:6px;min-width:0}.comic-beat{font-size:.72rem;font-weight:900;letter-spacing:.12em;color:var(--accent)}.comic-caption{margin:0;font-size:.92rem;line-height:1.35}.comic-pending{color:#98c1d9;font-style:italic}.comic-payoff[data-live=true]{border-color:var(--accent);box-shadow:0 0 14px #f4a25959}.side-panel{flex:5;display:flex;flex-direction:column;gap:14px;min-width:240px;overflow-y:auto}.caption{font-size:1.35rem;line-height:1.45;margin:0}.transcript{color:#98c1d9;margin:0;font-style:italic}.choices{display:flex;flex-direction:column;gap:10px}.btn-choice{padding:14px 18px;border-radius:12px;border:2px solid #3d5a80;background:var(--panel);color:var(--ink);font-weight:700;text-align:left;min-height:56px}.btn-dismiss{padding:10px 16px;border-radius:10px;border:2px solid #6c757d;background:transparent;color:#ced4da;min-height:48px}.row{display:flex;gap:10px;flex-wrap:wrap}.minigame,.mission{background:var(--panel);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.end-note{font-size:1.15rem;color:var(--accent)}.controls{display:flex;gap:12px;align-items:center;justify-content:center;padding:14px 16px;flex-wrap:wrap}.btn-talk{font-size:1.5rem;font-weight:800;padding:20px 40px;border-radius:999px;border:none;background:var(--accent);color:#1b2631;min-height:72px;min-width:200px}.btn-done,.btn-pause,.btn-resume{padding:14px 22px;border-radius:12px;border:2px solid #3d5a80;background:var(--panel);color:var(--ink);font-weight:700;min-height:56px}.btn-resume{border-color:var(--go);color:var(--go)}.btn-stop{padding:14px 22px;border-radius:12px;border:none;background:var(--warn);color:#fff;font-weight:800;min-height:56px}.btn-help{padding:14px 22px;border-radius:12px;border:2px solid var(--warn);background:transparent;color:var(--warn);font-weight:700;min-height:56px}.status{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:1.1rem}.status-dot{width:14px;height:14px;border-radius:50%;background:#6c757d}.status-listening .status-dot{background:var(--go)}.status-working .status-dot{background:#ffd166}.status-speaking .status-dot{background:var(--accent)}.status-paused .status-dot{background:#98c1d9}.status-offline .status-dot,.status-muted .status-dot{background:var(--warn)}.status-ended .status-dot{background:var(--go)}.status-stopped .status-dot{background:var(--warn)}.help-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:20px}.help-card{background:var(--panel);border-radius:16px;padding:28px;max-width:34rem;font-size:1.15rem;line-height:1.5}.help-card h2{margin-top:0;color:var(--accent)}.help-card ul{padding-left:22px}.help-card li{margin-bottom:10px}@media(max-width:720px){.journey-body{flex-direction:column}.side-panel{min-width:0}}.signin-label{display:flex;flex-direction:column;gap:8px;font-size:1.2rem;font-weight:700;margin-bottom:18px}.signin-label input{font-size:1.4rem;padding:14px 16px;border-radius:12px;border:2px solid #3d5a80;background:var(--panel);color:var(--ink);min-height:56px}.consent-screen{max-width:44rem;margin:0 auto;padding:32px 20px;display:flex;flex-direction:column;gap:18px}.consent-title{color:var(--accent);margin:0}.consent-group{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.consent-row{background:var(--panel);border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.consent-question{font-size:1.15rem;font-weight:800;margin:0 0 4px}.consent-detail{color:#adb5bd;margin:0}.consent-buttons{display:flex;gap:10px;flex-shrink:0}.btn-choice{padding:12px 20px;border-radius:10px;border:2px solid #3d5a80;background:transparent;color:var(--ink);font-weight:800;min-height:52px;min-width:70px}.btn-choice.selected{background:var(--accent);color:#1b2631;border-color:var(--accent)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.welcome{position:relative;flex:1;min-height:100vh;overflow:hidden;display:flex;flex-direction:column}.sunset{position:absolute;inset:0;background:linear-gradient(180deg,#12263f,#2b5178 34%,#e07a4f 62%,#ffb25e 73%,#123f52 74%,#0a2a3a)}.sunset-sun{position:absolute;left:30%;bottom:26%;width:19vmin;height:19vmin;border-radius:50%;background:radial-gradient(circle,#fff3c4,#ffd166 55%,#ffd16600 72%)}.sunset-city{position:absolute;left:0;right:0;bottom:25%;height:13%;background:#14324a;clip-path:polygon(0 100%,0 62%,4% 62%,4% 32%,8% 32%,8% 66%,14% 66%,14% 16%,19% 16%,19% 56%,26% 56%,26% 36%,33% 36%,33% 70%,42% 70%,42% 26%,48% 26%,48% 60%,57% 60%,57% 40%,64% 40%,64% 68%,74% 68%,74% 22%,80% 22%,80% 58%,88% 58%,88% 38%,94% 38%,94% 62%,100% 62%,100% 100%)}.sunset-water{position:absolute;left:0;right:0;bottom:0;height:26%;background:repeating-linear-gradient(180deg,rgba(255,209,102,.14) 0 3px,transparent 3px 18px),linear-gradient(180deg,#1a5d6e,#0a2a3a)}.sunset-palm{position:absolute;bottom:21%;height:48%;fill:#071c2a}.sunset-palm.palm-l{left:-2%}.sunset-palm.palm-r{right:-2%;height:42%;transform:scaleX(-1)}.welcome-masthead{position:absolute;top:22px;left:28px;z-index:2}.welcome-masthead .game-title{font-size:clamp(2rem,6vw,3.6rem);margin:0;color:var(--accent);letter-spacing:.04em;text-shadow:3px 3px 0 #1b2631}.game-tagline{margin:2px 0 0;font-weight:800;font-size:1rem;color:var(--ink);text-shadow:1px 1px 0 #1b2631}.welcome-badge{position:absolute;top:26px;right:110px;z-index:2;background:#09182699;border:2px solid var(--accent);color:var(--accent);border-radius:999px;padding:8px 16px;font-weight:800;font-size:.95rem}.welcome-hero{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:space-evenly;gap:4vw;padding:110px 6vw 48px}.welcome-copy{max-width:36rem}.welcome-hey{margin:0;font-size:clamp(2.8rem,8vw,5.5rem);font-weight:900;color:#f4f1de;text-shadow:3px 3px 0 #1b2631;line-height:1.02}.welcome-hey em{font-style:normal;color:var(--accent)}.welcome-sub{margin:12px 0 0;font-size:clamp(1.15rem,2.4vw,1.5rem);font-weight:700;color:#ffe9c9;text-shadow:1px 1px 0 #1b2631}.welcome-caption{margin:18px 0 0;background:#f4f1de;color:#1b2631;border-radius:12px;padding:12px 16px;font-style:italic;font-weight:700;font-size:1.1rem;display:inline-block;box-shadow:3px 3px #1b263180}.welcome .ai-disclosure{max-width:34rem;font-size:1.05rem;margin:18px 0;color:#cfe3ef;text-shadow:1px 1px 0 #1b2631}.welcome-host{flex-shrink:0}.welcome-host .host-img{animation:host-bob 3.4s ease-in-out infinite}.welcome .btn-start{box-shadow:4px 4px #1b26318c}.welcome .error-note{background:#091826bf;border-radius:10px;padding:10px 14px}@media(max-width:900px){.welcome-hero{flex-direction:column;justify-content:center;padding-top:96px;text-align:center}.welcome-copy{display:flex;flex-direction:column;align-items:center}.host-welcome{height:clamp(160px,30vw,260px)}.welcome-badge{top:76px;right:28px}.stage-front{max-width:70%}.comic-panels{grid-template-columns:1fr}.comic-panel{flex-direction:row;align-items:flex-start}.comic-panel .host{order:-1}}@media(prefers-reduced-motion:reduce){.host-img,.host-ring,.welcome-host .host-img{animation:none!important;transition:none!important}}.btn-mute{padding:14px 22px;border-radius:12px;border:2px solid #98c1d9;background:var(--panel);color:var(--ink);font-weight:800;min-height:56px}.controls button{box-shadow:0 4px #00000073}.controls button:active:not(:disabled){transform:scale(.96)}.controls button[aria-pressed=true]{background:#f4c667;color:#17232e;border-color:#ffe1a0;box-shadow:inset 0 3px 5px #00000059;transform:translateY(3px);opacity:1}.stop-recovery{padding:18px;border:2px solid var(--accent);border-radius:14px;display:grid;gap:12px;background:var(--panel)}.stop-recovery h2,.stop-recovery p{margin:0}.stop-recovery textarea{width:100%;min-height:100px;color:var(--ink);background:#142330;border:1px solid #98c1d9;border-radius:8px;padding:10px;font:inherit}.recovery-note{font-size:.9rem;color:#bdd4e0}