@font-face{font-family:Andika;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/andika-400.woff2) format("woff2")}@font-face{font-family:Andika;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/andika-400-italic.woff2) format("woff2")}@font-face{font-family:Andika;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/andika-700.woff2) format("woff2")}@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/fredoka-variable.woff2) format("woff2")}:root{--font-body: "Andika", "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;--font-title: "Fredoka", "Andika", "Trebuchet MS", system-ui, sans-serif;--text-xs: .875rem;--text-sm: 1rem;--text-md: 1.1875rem;--text-lg: 1.5rem;--text-xl: 2rem;--text-2xl: clamp(2.25rem, 1.6rem + 2.4vw, 3.4rem);--text-hero: clamp(2.8rem, 1.8rem + 4vw, 5rem);--leading: 1.5;--ink: #0c2a43;--ink-soft: #3a5671;--pearl: #fffaf3;--pearl-2: #f3ece2;--foam: #e9fbf8;--lagoon: #12b5b0;--lagoon-deep: #0b7f86;--coral: #ff6b57;--coral-deep: #c9412f;--sun: #ffc83d;--sun-deep: #c98a00;--kelp: #2e9e6b;--kelp-deep: #1d6e49;--abyss: #08243c;--night: #050f24;--pearl-glow: #fff6d8;--zone-lagune: #3fd3c8;--zone-lagune-deep: #0f8a95;--zone-riff: #ff7a8a;--zone-riff-deep: #b8405a;--zone-sand: #f2b860;--zone-sand-deep: #a66a1c;--zone-tiefsee: #6c7cff;--zone-tiefsee-deep: #2d2f86;--zone: var(--lagoon);--zone-deep: var(--lagoon-deep);--radius-sm: 14px;--radius: 24px;--radius-lg: 34px;--radius-pill: 999px;--tap: 56px;--tap-big: 76px;--gap: 16px;--shadow-soft: 0 10px 30px rgba(4, 30, 52, .22);--shadow-lift: 0 18px 44px rgba(4, 30, 52, .3);--shadow-inner: inset 0 2px 0 rgba(255, 255, 255, .7);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1, .36, 1)}[data-zone=lagune]{--zone: var(--zone-lagune);--zone-deep: var(--zone-lagune-deep)}[data-zone=riff]{--zone: var(--zone-riff);--zone-deep: var(--zone-riff-deep)}[data-zone=sand]{--zone: var(--zone-sand);--zone-deep: var(--zone-sand-deep)}[data-zone=tiefsee]{--zone: var(--zone-tiefsee);--zone-deep: var(--zone-tiefsee-deep)}:where(body){font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading);color:var(--ink);-webkit-font-smoothing:antialiased}:where(h1,h2,h3,.title){font-family:var(--font-title);font-weight:600;line-height:1.1;letter-spacing:.005em;margin:0 0 .4em;text-wrap:balance}:where(h1){font-size:var(--text-2xl)}:where(h2){font-size:var(--text-xl)}:where(h3){font-size:var(--text-lg)}:where(p){text-wrap:pretty}.scene-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}#app,.above-scene{position:relative;z-index:1}.sea-title{font-family:var(--font-title);font-weight:700;font-size:var(--text-hero);line-height:1;color:#fff;text-shadow:0 3px 0 rgba(8,58,88,.55),0 10px 30px rgba(3,30,52,.45);margin:0}.sea-text{color:#f2fffd;text-shadow:0 2px 10px rgba(3,30,52,.55)}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:4px solid var(--sun);outline-offset:3px;box-shadow:0 0 0 9px #08243c80}.panel{position:relative;background:radial-gradient(120% 80% at 0% 0%,rgba(255,255,255,.95),transparent 55%),linear-gradient(165deg,var(--pearl) 0%,#fdf4ea 55%,#f1ecf6 100%) padding-box,conic-gradient(from 210deg,#ffe7ef,#dff7ff,#fff6d8,#e6e1ff,#dffcef,#ffe7ef) border-box;border:3px solid transparent;border-radius:var(--radius-lg);box-shadow:var(--shadow-lift),var(--shadow-inner);color:var(--ink);padding:clamp(18px,3vw,32px)}.panel>:first-child{margin-top:0}.panel>:last-child{margin-bottom:0}.panel-glass{background:linear-gradient(180deg,#0a344e9e,#062238b3);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);border:2px solid rgba(190,245,255,.28);border-radius:var(--radius);color:#f2fffd;box-shadow:var(--shadow-soft),inset 0 1px #ffffff2e;padding:14px 18px}.btn{--btn-top: #ff8a73;--btn-bottom: var(--coral);--btn-edge: var(--coral-deep);--btn-ink: #fff;--btn-depth: 6px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:var(--tap);min-width:var(--tap);padding:.55em 1.4em;border:0;border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--btn-top),var(--btn-bottom));color:var(--btn-ink);font-family:var(--font-title);font-weight:600;font-size:1.25rem;line-height:1.1;text-decoration:none;text-shadow:0 1px 0 rgba(0,0,0,.18);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:0 var(--btn-depth) 0 var(--btn-edge),0 calc(var(--btn-depth) + 8px) 18px #041e344d,inset 0 -3px #00000014;transform:translateY(0);transition:transform .12s var(--ease-out),box-shadow .12s var(--ease-out),filter .15s}.btn:before{content:"";position:absolute;left:14%;right:14%;top:5px;height:34%;border-radius:var(--radius-pill);background:linear-gradient(180deg,#ffffff8c,#fff0);pointer-events:none}.btn>svg{width:1.3em;height:1.3em;flex:none}.btn:hover{filter:brightness(1.05) saturate(1.05);transform:translateY(-1px)}.btn:active,.btn.is-pressed{transform:translateY(calc(var(--btn-depth) - 1px));box-shadow:0 1px 0 var(--btn-edge),0 4px 10px #041e3440,inset 0 -2px #00000014}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;filter:grayscale(.55) opacity(.6);transform:none}.btn-big{min-height:var(--tap-big);padding:.6em 1.8em;font-size:1.65rem;--btn-depth: 8px}.btn-sea{--btn-top: #39d4cd;--btn-bottom: var(--lagoon);--btn-edge: var(--lagoon-deep)}.btn-sun{--btn-top: #ffe07a;--btn-bottom: var(--sun);--btn-edge: var(--sun-deep);--btn-ink: var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.5)}.btn-kelp{--btn-top: #4cc489;--btn-bottom: var(--kelp);--btn-edge: var(--kelp-deep)}.btn-zone{--btn-top: color-mix(in srgb, var(--zone) 70%, white);--btn-bottom: var(--zone);--btn-edge: var(--zone-deep)}.btn-quiet{--btn-top: #ffffff;--btn-bottom: var(--pearl-2);--btn-edge: #c9bfb3;--btn-ink: var(--ink);text-shadow:none}.btn-icon{width:64px;height:64px;min-width:64px;padding:0;border-radius:50%;font-size:1.6rem}.btn-icon:before{left:20%;right:20%;top:6px;height:30%}.btn-icon>svg{width:34px;height:34px}.btn-icon.btn-big{width:84px;height:84px;min-width:84px}.btn[aria-pressed=false].btn-icon{--btn-top: #ffffff;--btn-bottom: var(--pearl-2);--btn-edge: #c9bfb3;--btn-ink: var(--ink-soft)}.bubble{position:relative;max-width:34em;background:#fff;color:var(--ink);border-radius:26px;padding:16px 22px;font-size:var(--text-md);line-height:1.45;box-shadow:var(--shadow-soft),inset 0 -4px #12b5b01f}.bubble:after{content:"";position:absolute;left:34px;bottom:-16px;width:30px;height:22px;background:#fff;clip-path:path("M0 0 H30 C22 6 12 14 2 22 C6 14 6 6 0 0 Z")}.bubble-right:after{left:auto;right:34px;transform:scaleX(-1)}.bubble-left:after{left:-18px;bottom:auto;top:22px;width:22px;height:30px;clip-path:path("M22 0 V30 C16 22 8 12 0 2 C8 6 16 6 22 0 Z")}.bubble-none:after{display:none}.bubble strong{font-weight:700}.tile{position:relative;display:grid;justify-items:center;align-content:start;gap:8px;min-width:120px;min-height:var(--tap);padding:14px 14px 16px;border:0;border-radius:var(--radius);background:linear-gradient(180deg,#ffffff,var(--pearl) 60%,var(--pearl-2));color:var(--ink);font-family:var(--font-title);font-weight:600;font-size:1.2rem;text-align:center;cursor:pointer;box-shadow:0 5px #d8cdbf,var(--shadow-soft);transition:transform .18s var(--ease-bounce),box-shadow .18s var(--ease-out)}.tile>svg,.tile>.tile-art{width:100%;max-width:132px;height:auto;aspect-ratio:1}.tile:hover{transform:translateY(-4px) rotate(-.6deg)}.tile:active{transform:translateY(3px);box-shadow:0 2px #d8cdbf,var(--shadow-soft)}.tile.is-selected,.tile[aria-pressed=true],.tile[aria-checked=true]{box-shadow:0 0 0 4px var(--sun),0 0 0 9px #ffc83d59,0 5px #d8cdbf,var(--shadow-lift)}.tile.is-locked{filter:saturate(.2) brightness(.92)}.tile.is-locked>svg{opacity:.55}.tile-label{font-size:1.1rem;line-height:1.2}.tile-sub{font-family:var(--font-body);font-weight:400;font-size:var(--text-sm);color:var(--ink-soft)}.badge{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:4px 14px;border-radius:var(--radius-pill);background:linear-gradient(180deg,color-mix(in srgb,var(--zone) 55%,white),var(--zone));color:#fff;font-family:var(--font-title);font-weight:600;font-size:1rem;text-shadow:0 1px 0 rgba(0,0,0,.22);box-shadow:0 3px 0 var(--zone-deep),inset 0 1px #ffffff80}.badge-sun{--zone: var(--sun);--zone-deep: var(--sun-deep);color:var(--ink);text-shadow:none}.badge-quiet{background:#ffffffd9;color:var(--ink);text-shadow:none;box-shadow:0 3px #08243c2e}.pearl-count{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:4px 16px 4px 6px;border-radius:var(--radius-pill);background:linear-gradient(180deg,#fffffff5,#f3ece2f5);color:var(--ink);font-family:var(--font-title);font-weight:700;font-size:1.3rem;font-variant-numeric:tabular-nums;box-shadow:0 4px #d3c6b8,var(--shadow-soft)}.pearl-count:before,.pearl-icon{content:"";display:inline-block;width:32px;height:32px;flex:none;border-radius:50%;background:radial-gradient(circle at 34% 30%,#ffffff 0 16%,transparent 30%),radial-gradient(circle at 50% 55%,#fff7fb,#f6e3f0 52%,#d9c7ea 80%,#b9a8d6);box-shadow:inset -2px -3px 6px #785aa040,0 2px 4px #041e3440}.pearl-count.is-bump{animation:ts-pop .45s var(--ease-bounce)}.pips{display:inline-flex;gap:4px;align-items:center}.pips>i{display:block;width:28px;height:28px;background:#08243c2e;clip-path:polygon(50% 3%,62% 36%,97% 37%,69% 58%,79% 92%,50% 72%,21% 92%,31% 58%,3% 37%,38% 36%)}.pips>i.on{background:radial-gradient(circle at 40% 35%,#fff6c4,var(--sun) 55%,#f29d00);filter:drop-shadow(0 2px 0 var(--sun-deep))}.pips.is-big>i{width:44px;height:44px}.pips.is-new>i.on{animation:ts-pop .5s var(--ease-bounce) both}.pips.is-new>i.on:nth-child(2){animation-delay:.15s}.pips.is-new>i.on:nth-child(3){animation-delay:.3s}.pips.shells>i{width:26px;height:22px;clip-path:none;border-radius:50% 50% 18% 18%/70% 70% 30% 30%;background:#08243c2e}.pips.shells>i.on{background:repeating-conic-gradient(from -60deg at 50% 100%,rgba(255,255,255,.45) 0 6deg,transparent 6deg 24deg),linear-gradient(180deg,#ffd3c4,#ff8f73);filter:drop-shadow(0 2px 0 var(--coral-deep))}.field{min-height:var(--tap);width:100%;padding:.5em .9em;border-radius:var(--radius-sm);border:3px solid #d9cfc2;background:#fff;color:var(--ink);font:inherit;font-size:1.25rem;box-shadow:inset 0 3px #08243c0f}.field:focus-visible{border-color:var(--lagoon)}.anim-in{animation:ts-in .5s var(--ease-out) both}.anim-pop{animation:ts-pop .45s var(--ease-bounce) both}.anim-wiggle{animation:ts-wiggle .5s ease-in-out}.anim-float{animation:ts-float 4.5s ease-in-out infinite}.anim-pulse{animation:ts-pulse 1.6s ease-in-out infinite}.anim-shake{animation:ts-shake .4s ease-in-out}@keyframes ts-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@keyframes ts-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1)}}@keyframes ts-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}50%{transform:rotate(5deg)}75%{transform:rotate(-3deg)}}@keyframes ts-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ts-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes ts-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.calm .anim-float,.calm .anim-pulse,.is-calm .anim-float,.is-calm .anim-pulse{animation:none}@media(prefers-reduced-motion:reduce){.anim-in,.anim-pop,.anim-wiggle,.anim-float,.anim-pulse,.anim-shake,.pips.is-new>i.on,.pearl-count.is-bump{animation:none!important}.btn,.tile{transition:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--font-display: var(--font-title);--font-text: var(--font-body);--lantern: #f0c14d;--plankton: #d7ef86;--finger-lp: #e0a100;--finger-lr: #e07a5f;--finger-lm: #2a9a90;--finger-li: #ef8b3a;--finger-th: #3fb36b;--finger-ri: #e3c15a;--finger-rm: #3aa0c8;--finger-rr: #8d78d8;--finger-rp: #e56b8d;--bar-h: 92px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:linear-gradient(180deg,#1aa6b4 0%,#0b5f7a 45%,var(--abyss) 100%) fixed;overflow-x:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer}p{margin-top:0}#app{min-height:100dvh;color:var(--ink)}#app[data-calm="1"]{font-size:1.12rem}#app .acct{--acct-deep: #0e4c56;--acct-teal: #1c7f86;--acct-sun: #f0c14d}#app [tabindex="-1"]:focus{outline:none;box-shadow:none}.bar{position:fixed;top:10px;left:12px;right:12px;z-index:40;display:flex;align-items:center;gap:12px;min-height:72px;padding:7px 10px 7px 7px;border-radius:30px;background:linear-gradient(180deg,#093a56bd,#05243ccc);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);border:2px solid rgba(190,245,255,.22);box-shadow:0 12px 30px #03162859,inset 0 1px #ffffff29;color:#f2fffd}.bar[hidden]{display:none}.bar-who{display:inline-flex;align-items:center;gap:10px;min-height:58px;padding:4px 18px 4px 4px;border:0;border-radius:var(--radius-pill);background:linear-gradient(180deg,#ffffff,var(--pearl-2));color:var(--ink);box-shadow:0 4px #cdbfae,0 8px 16px #03162840;transition:transform .15s var(--ease-bounce)}.bar-who:hover{transform:translateY(-2px)}.bar-who:active{transform:translateY(3px);box-shadow:0 1px #cdbfae}.bar-avatar{width:52px;height:52px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 40% 30%,#e9fbf8,#9fe3dc);flex:none}.bar-avatar svg{width:118%;height:118%;margin-top:8%}.bar-name{display:grid;text-align:left;line-height:1.05}.bar-name b{font-family:var(--font-title);font-weight:700;font-size:1.3rem}.bar-name small{display:inline-flex;align-items:center;gap:3px;font-size:.85rem;font-weight:700;color:var(--lagoon-deep)}.bar-name small svg{width:15px;height:15px}.bar-pearls{min-height:50px;font-size:1.35rem}.bar-pearls.is-bump{animation:ts-pop .45s var(--ease-bounce)}.bar-streak{display:inline-flex;align-items:baseline;gap:2px;padding:6px 14px;border-radius:var(--radius-pill);background:linear-gradient(180deg,#ffe07a,var(--sun));color:var(--ink);font-family:var(--font-title);font-weight:700;font-size:1.25rem;box-shadow:0 3px 0 var(--sun-deep)}.bar-streak small{font-size:.85rem}.bar-nav{margin-left:auto;display:flex;gap:8px}.bar-nav-btn{display:inline-flex;align-items:center;gap:6px;min-height:58px;padding:4px 16px 4px 6px;border:0;border-radius:22px;background:#ffffff1a;color:#f2fffd;font-family:var(--font-title);font-weight:600;font-size:1.05rem;transition:background .15s,transform .15s var(--ease-bounce)}.bar-nav-btn:hover{background:#fff3;transform:translateY(-2px)}.bar-nav-icon{width:46px;height:46px;display:grid;place-items:center;flex:none}.bar-nav-icon svg{width:42px;height:42px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.bar-nav-btn.is-active{background:linear-gradient(180deg,#ffffff,var(--pearl-2));color:var(--ink);box-shadow:0 4px 0 var(--sun),0 8px 16px #03162840}.bar-lock{width:46px;height:46px;margin-left:2px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.22);border-radius:50%;background:transparent;color:#f2fffd9e;transition:color .15s,background .15s}.bar-lock svg{width:22px;height:22px}.bar-lock:hover,.bar-lock.is-active{color:#fff;background:#ffffff24}.bar-voice{width:56px;height:56px;flex:none;display:grid;place-items:center;border:0;border-radius:50%;background:linear-gradient(180deg,#fff3c4,var(--sun));color:var(--ink);box-shadow:0 4px 0 var(--sun-deep),0 8px 16px #03162840;animation:bar-voice-pulse 2.4s ease-in-out infinite}.bar-voice svg{width:30px;height:30px}@keyframes bar-voice-pulse{50%{transform:scale(1.07)}}#app[data-calm="1"] .bar-voice{animation:none}@media(prefers-reduced-motion:reduce){.bar-voice{animation:none}}@media(max-width:640px){.bar-voice{width:44px;height:44px}.bar-voice svg{width:24px;height:24px}}#app[data-bar="1"] .map-hud{top:calc(var(--bar-h) + 2px)}#app[data-bar="1"] .map-hud-who,#app[data-bar="1"] .map-pearls{display:none}#app[data-bar="1"] .map-quests{top:calc(var(--bar-h) + 74px)}#app[data-bar="1"] .world-home{padding-top:var(--bar-h)}#app[data-bar="1"] .home-top{display:none}@media(max-width:1080px){.bar-nav-label{display:none}.bar-nav-btn{padding:4px 6px}}@media(max-width:640px){:root{--bar-h: 80px}.bar{top:6px;left:6px;right:6px;gap:6px;min-height:66px;padding:5px 6px 5px 5px}.bar-who{padding-right:6px;min-height:54px}.bar-name{display:none}.bar-avatar{width:46px;height:46px}.bar-pearls{font-size:1.1rem;padding-right:12px}.bar-pearls:before{width:26px;height:26px}.bar-streak{display:none}.bar-nav{gap:4px}.bar-nav-btn{min-height:50px;padding:2px;border-radius:16px}.bar-nav-icon{width:40px;height:40px}.bar-nav-icon svg{width:36px;height:36px}.bar-lock{width:38px;height:38px}}@media(max-width:420px){.bar{gap:4px}.bar-avatar{width:42px;height:42px}.bar-who{min-height:48px;padding:3px}.bar-pearls{min-height:40px;font-size:1rem;gap:4px;padding:2px 10px 2px 4px}.bar-pearls:before{width:22px;height:22px}.bar-nav{gap:2px}.bar-nav-btn{min-height:46px}.bar-nav-icon{width:34px;height:34px}.bar-nav-icon svg{width:31px;height:31px}.bar-lock{width:32px;height:32px;border-width:1px}.bar-lock svg{width:17px;height:17px}}.screen{position:relative;width:min(1120px,100%);margin:0 auto;padding:calc(var(--bar-h) + 22px) clamp(16px,4vw,40px) 56px}#app[data-bar="0"] .screen{padding-top:28px}.screen-head{display:grid;justify-items:center;text-align:center;gap:10px;margin-bottom:28px}.screen-head .sea-title{font-size:var(--text-2xl)}.screen-lede{display:inline-flex;align-items:center;gap:12px;margin:0;max-width:40em;font-size:var(--text-lg);line-height:1.35}.read-btn{flex:none;display:inline-grid;place-items:center;width:52px;height:52px;padding:0;border:0;border-radius:50%;background:linear-gradient(180deg,#39d4cd,var(--lagoon));color:#fff;box-shadow:0 4px 0 var(--lagoon-deep),0 8px 14px #041e3440;transition:transform .12s var(--ease-out);vertical-align:middle}.read-btn svg{width:28px;height:28px}.read-btn:hover{transform:translateY(-1px) scale(1.04)}.read-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--lagoon-deep)}.read-btn.is-talking{animation:ts-pulse .9s ease-in-out infinite}.muted{color:var(--ink-soft)}.btn-small{min-height:48px;font-size:1.05rem;padding:.4em 1.1em;--btn-depth: 4px}.btn-mini-icon{display:inline-grid;width:1.6em;height:1.6em}.btn-mini-icon svg{width:100%;height:100%}.key-chip{display:inline-grid;place-items:center;min-width:48px;height:48px;padding:0 10px;border:0;border-radius:14px;background:linear-gradient(180deg,#ffffff,var(--pearl-2));color:var(--ink);font-family:var(--font-title);font-weight:700;font-size:1.5rem;box-shadow:0 4px #cdbfae}.keyboard{display:grid;width:min(980px,100%);margin:0 auto;padding:8px 8px 10px;border-radius:26px;background:linear-gradient(180deg,#0a344ebd,#041a2ccc);border:2px solid rgba(190,245,255,.2);box-shadow:0 14px 34px #03162859,inset 0 1px #ffffff24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.key-row{display:grid;grid-template-columns:repeat(60,minmax(0,1fr))}.key{position:relative;min-width:0;height:var(--key-h, 46px);margin:3px;padding:0;border:0;border-radius:11px;display:grid;place-items:center;background:linear-gradient(180deg,#fff,#f8f2ea 68%,#ece3d6);color:var(--ink);font-family:var(--font-title);font-weight:600;font-size:calc(var(--key-h, 46px) * .42);line-height:1;box-shadow:inset 0 -5px color-mix(in srgb,var(--finger) 88%,white),0 3px #03162880;transition:transform .12s var(--ease-out),box-shadow .12s,background .12s}.key-cap{margin-top:-4px}.key.is-wide .key-cap{font-size:1.15em}.key.is-home .bump{position:absolute;left:50%;bottom:10px;width:14px;height:3px;transform:translate(-50%);border-radius:3px;background:#0c2a43bf}.key.is-next{z-index:2;background:radial-gradient(circle at 50% 30%,#fffbe0,#ffe27a 55%,var(--sun));transform:translateY(-3px) scale(1.05);box-shadow:inset 0 -5px 0 var(--finger),0 0 0 3px #fff,0 0 0 7px #ffc83d8c,0 0 28px 8px #ffc83db3;animation:key-call 1.3s ease-in-out infinite}.key.is-wrong{background:linear-gradient(180deg,#ffe4dd,#ffc6ba);box-shadow:inset 0 -5px 0 var(--coral),0 0 0 3px #ff6b5773;animation:key-wobble .35s ease-in-out}.key-ghost{background:#dcf5ff14;color:#e6f8ff66;font-size:calc(var(--key-h, 46px) * .36);box-shadow:inset 0 0 0 1.5px #dcf5ff1a;-webkit-user-select:none;user-select:none}.key-ghost.is-mod{background:#dcf5ff0a;box-shadow:inset 0 0 0 1.5px #dcf5ff12}.key-ghost.is-enter-top{border-bottom-left-radius:4px;border-bottom-right-radius:0;margin-bottom:0;height:calc(var(--key-h, 46px) + 6px)}.keyboard[data-layout=qwertz] .key-row:nth-child(2) .key-ghost.is-enter{border-top-left-radius:0;border-top-right-radius:0;margin-top:0;height:calc(var(--key-h, 46px) + 3px)}@keyframes key-call{0%,to{box-shadow:inset 0 -5px 0 var(--finger),0 0 0 3px #fff,0 0 0 7px #ffc83d8c,0 0 28px 8px #ffc83db3}50%{box-shadow:inset 0 -5px 0 var(--finger),0 0 0 3px #fff,0 0 0 10px #ffc83d4d,0 0 36px 12px #ffc83d80}}@keyframes key-wobble{0%,to{rotate:0deg}30%{rotate:-5deg}65%{rotate:4deg}}#app[data-calm="1"] .key.is-next{animation:none}.loading{min-height:100dvh;display:grid;place-items:center}.loading-bubbles{display:flex;gap:14px}.loading-bubbles i{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#dcfaff80 60%,#dcfaff26);box-shadow:inset 0 0 0 2px #fff9;animation:loading-rise 1.2s ease-in-out infinite}.loading-bubbles i:nth-child(2){animation-delay:.15s}.loading-bubbles i:nth-child(3){animation-delay:.3s}@keyframes loading-rise{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(-16px);opacity:1}}.audit-bar{position:fixed;left:0;right:0;bottom:0;z-index:80;margin:0;padding:8px 12px;max-height:30vh;overflow:auto;background:#4a1824;color:#fff}#app[data-calm="1"] .read-btn.is-talking,#app[data-calm="1"] .anim-float,#app[data-calm="1"] .anim-pulse{animation:none}@media(prefers-reduced-motion:reduce){.read-btn.is-talking,.loading-bubbles i{animation:none!important}.key,.bar-nav-btn,.bar-who{transition:none}.key.is-next,.key.is-wrong{animation:none}}#app:has(.world-beat) .bar{opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.hadal-host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;overflow:hidden;background:#01070c;color:#e2ecee}.hadal-wait{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-content:center;justify-items:center;gap:18px;padding:24px;text-align:center;font-family:"Atkinson Next",var(--font-body);background:radial-gradient(900px 520px at 50% 12%,rgba(28,111,134,.32),transparent 70%),#01070c;animation:hadal-wait-in .4s .25s both}.hadal-wait-mark{padding-left:.32em;font:400 clamp(32px,6vw,54px) / 1 "Michroma",var(--font-title);letter-spacing:.32em;color:#e2ecee}.hadal-wait-line{color:#a3b8bf;font-size:17px}.hadal-wait:not(.is-error):after{content:"";width:180px;height:2px;background:linear-gradient(90deg,transparent,#f2a93b,transparent) no-repeat;background-size:50% 100%;animation:hadal-scan 1.4s linear infinite}.hadal-wait.is-error{animation:none}.hadal-wait p{max-width:512px;margin:0;font-size:18px;line-height:1.45}.hadal-wait-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.hadal-wait-btn{min-height:52px;padding:0 22px;border:0;border-radius:10px;color:#e2ecee;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff29;font:700 17px "Atkinson Next",var(--font-body)}.hadal-wait-btn.is-primary{color:#1b1206;background:linear-gradient(180deg,#ffc46b,#f2a93b 55%,#d98c22);box-shadow:inset 0 0 0 1px #ffd69680}.hadal-wait-btn:focus-visible{outline:3px solid #f2a93b;outline-offset:3px;box-shadow:none}@keyframes hadal-wait-in{0%{opacity:0}}@keyframes hadal-scan{0%{background-position:-100% 0}to{background-position:200% 0}}@media(prefers-reduced-motion:reduce){.hadal-wait,.hadal-wait:after{animation:none!important}}.ritual{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-areas:"head head" "luma hands" "kb kb" "foot foot";gap:18px 28px;align-items:center;width:min(1040px,100%)}.ritual-head{grid-area:head;display:grid;justify-items:center;gap:12px}.ritual-title{font-size:var(--text-2xl);text-align:center}.ritual-steps{display:flex;gap:12px;margin:0;padding:0;list-style:none}.ritual-steps i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-style:normal;font-family:var(--font-title);font-weight:700;color:#fffc;border:3px solid rgba(255,255,255,.5)}.ritual-steps i svg{width:22px;height:22px}.ritual-steps i.is-now{background:var(--pearl);color:var(--ink);border-color:var(--sun);box-shadow:0 0 0 5px #ffc83d59}.ritual-steps i.is-done{background:var(--kelp);border-color:var(--kelp);color:#fff}.ritual-luma{grid-area:luma;display:grid;grid-template-columns:120px 1fr;align-items:center;gap:8px}.ritual-luma-art svg{width:120px;height:auto;filter:drop-shadow(0 0 22px rgba(255,220,120,.7))}.ritual-bubble{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.ritual-bubble p{margin:0;font-size:var(--text-lg);line-height:1.35}.ritual-hands{grid-area:hands;padding:14px}.ritual-hands svg{width:100%;height:auto;display:block}.ritual-hands.is-ready{box-shadow:0 0 0 5px var(--sun),var(--shadow-lift)}.ritual-kb{grid-area:kb}.ritual-hint,.ritual-go{grid-area:foot;justify-self:center;margin:0}.ritual-hint{font-size:var(--text-md)}@media(max-width:860px){.ritual{grid-template-columns:1fr;grid-template-areas:"head" "luma" "hands" "kb" "foot"}.ritual-hands{width:min(480px,100%);justify-self:center}}.brief-stage{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr);gap:clamp(16px,4vw,48px);align-items:center}.brief-actor{position:relative;display:grid;justify-items:center}.brief-actor>svg{position:relative;width:min(360px,100%);height:auto;filter:drop-shadow(0 24px 28px rgba(3,22,40,.4))}.brief-glow{position:absolute;top:4%;right:6%;bottom:18%;left:6%;border-radius:50%;background:radial-gradient(circle,#fff6d8bf,#fff6d800 68%);animation:ts-pulse 4s ease-in-out infinite}.brief-actor.is-sleepy>svg{filter:saturate(.35) brightness(.8) drop-shadow(0 24px 28px rgba(3,22,40,.4))}.brief-zzz{position:absolute;top:6%;right:14%;display:flex;gap:2px;font-family:var(--font-title);font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(3,22,40,.6)}.brief-zzz i{font-style:normal;font-size:1.6rem;animation:brief-z 2.4s ease-in-out infinite}.brief-zzz i:nth-child(2){font-size:2rem;animation-delay:.4s}.brief-zzz i:nth-child(3){font-size:2.5rem;animation-delay:.8s}@keyframes brief-z{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-10px);opacity:1}}.brief-name{margin:-6px 0 0;padding:4px 22px;border-radius:var(--radius-pill);background:var(--pearl);font-family:var(--font-title);font-weight:700;font-size:1.4rem;box-shadow:0 4px #cdbfae}.brief-main{display:grid;gap:12px;justify-items:start}.brief{padding-top:calc(var(--bar-h) + 8px);padding-bottom:24px}.brief-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0}.brief-zone{font-family:var(--font-title);font-weight:600;font-size:1.15rem}.brief-pips>i{width:30px;height:30px}.brief-pips>i:not(.on){background:#ffffff59}.brief-title{font-size:clamp(2.2rem,1.3rem + 2.8vw,3.8rem)}.brief-story{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;width:100%}.brief-story p{margin:0;font-size:var(--text-lg);line-height:1.4}.brief-how{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(200px,1fr);gap:8px 20px;padding:18px 22px;align-items:center;width:100%}.brief-how h2{font-size:var(--text-lg);margin-bottom:.25em;color:var(--lagoon-deep)}.brief-how p{margin:0 0 10px;font-size:var(--text-md)}.brief-hands svg{width:112%;margin:0 -6%;height:auto;display:block}.brief-how-read{position:absolute;top:14px;right:14px;width:46px;height:46px}.brief-how-read svg{width:24px;height:24px}.brief-keys{display:flex;flex-wrap:wrap;gap:12px}.brief-key{display:grid;justify-items:center;gap:6px;padding:0;border:0;background:none;color:var(--ink)}.brief-key-cap{display:grid;place-items:center;min-width:64px;height:64px;padding:0 12px;border-radius:18px;background:linear-gradient(180deg,#ffffff,var(--pearl) 70%);border-bottom:8px solid var(--finger);font-family:var(--font-title);font-weight:700;font-size:2.3rem;box-shadow:0 3px #08243c4d,var(--shadow-soft);transition:transform .15s var(--ease-bounce)}.brief-key:hover .brief-key-cap{transform:translateY(-3px) rotate(-2deg)}.brief-key:active .brief-key-cap{transform:translateY(3px)}.brief-key-finger{max-width:9em;font-size:.85rem;font-weight:700;line-height:1.15;text-align:center;color:var(--ink-soft)}.brief-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:6px}@media(max-width:860px){.brief-stage{grid-template-columns:1fr}.brief-actor>svg{width:min(220px,60vw)}.brief-how{grid-template-columns:1fr}.brief-hands{max-width:360px}}.result{display:grid;grid-template-columns:minmax(0,680px);justify-content:center;align-items:center;gap:24px;padding-top:calc(var(--bar-h) + 10px)}.result.has-friend{grid-template-columns:minmax(0,660px) minmax(240px,320px)}.result-card{display:grid;justify-items:center;text-align:center;gap:12px;padding:20px clamp(16px,3vw,30px) 22px;animation:ts-in .5s var(--ease-out) both}.result-kicker{margin:0;font-weight:700;color:var(--lagoon-deep)}.result-title{font-size:clamp(2.4rem,1.6rem + 2.4vw,3.6rem);margin:0;color:var(--ink)}.result.is-try .result-title{font-size:var(--text-2xl)}.result-shells{display:flex;gap:clamp(8px,3vw,26px);margin:4px 0 0;padding:0;list-style:none}.result-shell{width:clamp(78px,13vw,112px)}.result-shell .shell-art{width:100%;height:auto;display:block;filter:drop-shadow(0 8px 10px rgba(8,36,60,.25))}.result-shell:not(.is-on){opacity:.5}.result-shell.is-on .shell-art{filter:drop-shadow(0 0 18px rgba(255,190,80,.75)) drop-shadow(0 8px 10px rgba(8,36,60,.25))}.result-shells.is-animated .result-shell.is-on{animation:result-shell .7s var(--ease-bounce) both;animation-delay:calc(.35s + var(--i) * .42s)}.result-shell:nth-child(2){transform:translateY(-12px)}.result-shells.is-animated .result-shell.is-on:nth-child(2){animation-name:result-shell-mid}@keyframes result-shell{0%{transform:scale(.2) rotate(-30deg);opacity:0}60%{transform:scale(1.2) rotate(8deg);opacity:1}to{transform:scale(1) rotate(0)}}@keyframes result-shell-mid{0%{transform:translateY(-12px) scale(.2) rotate(-30deg);opacity:0}60%{transform:translateY(-12px) scale(1.2) rotate(8deg);opacity:1}to{transform:translateY(-12px) scale(1) rotate(0)}}.result-pearls{display:grid;justify-items:center;gap:10px}.result-pearl-count{min-height:64px;padding:6px 26px 6px 10px;font-size:2.2rem}.result-pearl-count:before{width:46px;height:46px}.result-pearl-count:after{content:"Perlen";font-size:1rem;font-weight:600;color:var(--ink-soft);margin-left:2px}.result-breakdown{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}.result-breakdown li{display:inline-flex;align-items:center;gap:8px;padding:4px 6px 4px 14px;border-radius:var(--radius-pill);background:#f3edf9;font-weight:700;font-size:.95rem;animation:ts-in .4s var(--ease-out) both;animation-delay:1.4s}.result-breakdown b{padding:2px 10px;border-radius:var(--radius-pill);background:#fff;color:#5a4597;font-family:var(--font-title)}.result-none{margin:0;color:var(--ink-soft)}.result-foot{display:grid;justify-items:center;gap:8px;width:100%;padding-top:12px;border-top:2px dashed rgba(12,42,67,.12)}.result-meters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:0}.result-meters div{display:flex;align-items:baseline;gap:8px}.result-meters dt{font-size:.95rem;font-weight:700;color:var(--ink-soft)}.result-meters dd{margin:0;font-family:var(--font-title);font-weight:700;font-size:1.35rem}.result-tilo{margin:0;font-weight:700}.result-weak{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;font-weight:700}.result-quests{width:100%;padding:14px 18px;border-radius:var(--radius);background:linear-gradient(180deg,#fff6d8,#ffeab0);text-align:left}.result-quests h2{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:var(--text-lg)}.result-chest svg{width:44px;height:44px;display:block}.result-quests ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}.result-quests li{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;font-weight:700}.result-quest-check{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--kelp);color:#fff}.result-quest-check svg{width:20px;height:20px}.result-quests b{display:inline-flex;align-items:center;gap:2px;color:#5a4597;font-family:var(--font-title)}.result-quests .world-pearl-icon{width:22px;height:22px}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px}.result-friend{width:min(320px,100%);display:grid;justify-items:center;gap:10px;align-self:center;animation:result-friend 1.1s var(--ease-out) both}.result-friend[hidden]{display:none}.result-friend-art{cursor:pointer}.result-friend-art svg{width:min(280px,70vw);height:auto;filter:drop-shadow(0 0 36px rgba(255,246,200,.85)) drop-shadow(0 20px 22px rgba(3,22,40,.35))}.result-friend-bubble{text-align:left}.result-friend-bubble strong{font-family:var(--font-title);font-size:1.3rem}.result-friend-bubble p{margin:4px 0 0}.result-friend .bubble-left:after{left:50%;top:-16px;bottom:auto;width:30px;height:18px;transform:translate(-50%);clip-path:polygon(50% 0,0 100%,100% 100%)}@media(max-width:1000px){.result.has-friend{grid-template-columns:minmax(0,680px)}}.screen.result{padding-bottom:12px;min-height:100dvh;box-sizing:border-box}.result-card{max-height:calc(100dvh - var(--bar-h) - 24px);overflow-y:auto;overscroll-behavior:contain;gap:clamp(6px,1.2vh,12px);padding-bottom:0}.result-title{font-size:clamp(2rem,1rem + 3.4vh,3.6rem)}.result-shell{width:clamp(58px,10.5vh,112px)}.result-pearl-count{min-height:clamp(48px,7vh,64px);font-size:clamp(1.7rem,1rem + 1.6vh,2.2rem)}.result-pearl-count:before{width:clamp(34px,5vh,46px);height:clamp(34px,5vh,46px)}.result-pearls{gap:clamp(6px,1vh,10px)}.result-breakdown li{padding-block:2px;font-size:.9rem}.result-quests{padding:clamp(8px,1.2vh,14px) 16px}.result-quests h2{font-size:1.15rem;margin-bottom:4px}.result-chest svg{width:32px;height:32px}.result-quests li{grid-template-columns:28px 1fr auto}.result-quest-check{width:26px;height:26px}.result-foot{padding-top:clamp(6px,1vh,12px);gap:6px}.result-meters{gap:4px 18px}.result-meters dd{font-size:1.15rem}.result-actions{position:sticky;bottom:0;z-index:2;width:calc(100% + 2*clamp(16px,3vw,30px));margin:0 calc(-1*clamp(16px,3vw,30px));padding:10px clamp(16px,3vw,30px) clamp(12px,1.8vh,20px);background:linear-gradient(180deg,rgba(255,250,243,0),var(--pearl) 22%)}.result-actions .btn-big{min-height:clamp(56px,8vh,72px)}@keyframes result-friend{0%{transform:translate(120px) scale(.6);opacity:0}60%{transform:translate(-10px) scale(1.05);opacity:1}to{transform:none}}.tank-count{margin:0}.tank-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:22px 18px;margin:0;padding:0;list-style:none}.tank-card{position:relative;display:grid;justify-items:center;text-align:center;animation:ts-in .45s var(--ease-out) both;animation-delay:calc(var(--i) * 30ms)}.tank-friend{display:grid;justify-items:center;gap:8px;padding:0;border:0;background:none;color:inherit}.tank-porthole{position:relative;display:grid;place-items:center;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 34% 26%,#ffffffd9,#fff0 30%),radial-gradient(circle at 50% 60%,#c9f6f1,#57c7d4 70%,#2a8fb0);box-shadow:0 0 0 6px #fff8ea,0 0 0 10px #d6c4a6,var(--shadow-soft),inset 0 -10px 20px #083c5a4d;transition:transform .2s var(--ease-bounce)}.tank-porthole svg{width:88%;height:auto}.tank-friend:hover .tank-porthole{transform:translateY(-4px) scale(1.03)}.tank-name{margin:8px 0 0;padding:2px 16px;border-radius:var(--radius-pill);background:var(--pearl);font-family:var(--font-title);font-weight:700;font-size:1.2rem;box-shadow:0 3px #cdbfae}.tank-sub{margin:4px 0 0;font-size:.9rem;font-weight:700;color:#e6fbff;text-shadow:0 1px 6px rgba(3,22,40,.6)}.tank-card.is-asleep .tank-porthole{background:radial-gradient(circle at 50% 60%,#2c5f7a,#123a55 75%);box-shadow:0 0 0 6px #fff8ea59,0 0 0 10px #d6c4a640,inset 0 -10px 20px #0000004d}.tank-card.is-asleep .tank-porthole svg{filter:brightness(0) opacity(.45)}.tank-card.is-asleep .tank-name{background:#fffaf38c;box-shadow:none;font-size:1rem}.tank-zzz{position:absolute;top:18px;right:22px;font-family:var(--font-title);font-weight:700;color:#ffffffbf}.tank-says{position:absolute;bottom:calc(100% - 18px);left:-20px;right:-20px;z-index:3;width:fit-content;max-width:240px;margin:0 auto;font-weight:700;animation:ts-pop .35s var(--ease-bounce) both}.tank-says:after{left:calc(50% - 15px)}.free-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;margin:0;padding:0;list-style:none}.free-grid>li{position:relative;animation:ts-in .45s var(--ease-out) both;animation-delay:calc(var(--i) * 60ms)}.free-card{width:100%;height:100%;display:grid;justify-items:center;align-content:start;gap:8px;padding:18px 18px 22px;border:0;border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff,var(--pearl) 60%,var(--pearl-2));color:var(--ink);text-align:center;box-shadow:0 6px #d8cdbf,var(--shadow-soft);transition:transform .18s var(--ease-bounce)}.free-card:hover{transform:translateY(-5px) rotate(-.6deg)}.free-card:active{transform:translateY(3px);box-shadow:0 2px #d8cdbf,var(--shadow-soft)}.free-art{display:grid;place-items:center;width:150px;height:130px;border-radius:50% 50% 46% 46%;background:radial-gradient(circle at 50% 60%,#dff8f5,#a6e3dc)}.free-art svg{width:100%;height:auto}.free-name{font-family:var(--font-title);font-weight:700;font-size:1.45rem}.free-line{font-size:1rem;line-height:1.35;color:var(--ink-soft)}.free-card.is-locked{filter:saturate(.25);opacity:.8}.free-read{position:absolute;top:12px;right:12px;width:46px;height:46px}.screen.free{padding-bottom:16px}.free .screen-head{margin-bottom:clamp(10px,2.4vh,28px)}.free-grid{gap:clamp(12px,2.2vh,22px)}.free-card{gap:clamp(4px,.8vh,8px);padding:clamp(10px,1.8vh,18px) 18px clamp(12px,2.2vh,22px)}.free-art{width:clamp(96px,17dvh,150px);height:clamp(84px,14.5dvh,130px)}.free-read svg{width:24px;height:24px}.set-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:22px}.set-card{display:grid;align-content:start;gap:12px}.set-card h2{font-size:var(--text-lg);margin:0;color:var(--lagoon-deep)}.set-toggles,.set-choices{display:grid;gap:10px}.set-toggle,.set-choice{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:14px;width:100%;min-height:72px;padding:8px 14px 8px 8px;border:0;border-radius:var(--radius);background:#fff;color:var(--ink);text-align:left;box-shadow:0 4px #e2d8cb;transition:transform .15s var(--ease-bounce),box-shadow .15s}.set-choice{grid-template-columns:56px 1fr}.set-toggle:active,.set-choice:active{transform:translateY(3px);box-shadow:0 1px #e2d8cb}.set-toggle-icon,.set-choice-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:#e8f6f3;color:var(--lagoon-deep)}.set-toggle-icon svg,.set-choice-icon svg{width:34px;height:34px}.set-toggle-text,.set-choice>span:last-child{display:grid;line-height:1.25}.set-toggle strong,.set-choice strong{font-family:var(--font-title);font-weight:600;font-size:1.25rem}.set-toggle small,.set-choice small{font-size:.95rem;color:var(--ink-soft)}.set-switch{position:relative;width:68px;height:38px;border-radius:var(--radius-pill);background:#cfd8dc;box-shadow:inset 0 2px 4px #08243c33;transition:background .2s}.set-switch i{position:absolute;top:4px;left:4px;width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #08243c4d;transition:transform .25s var(--ease-bounce)}.set-toggle[aria-pressed=true] .set-switch{background:var(--kelp)}.set-toggle[aria-pressed=true] .set-switch i{transform:translate(30px)}.set-toggle[aria-pressed=false] .set-toggle-icon{background:#eef0f1;color:#8a9aa3}.set-choice[aria-checked=true]{box-shadow:0 0 0 4px var(--sun),0 4px #e2d8cb;background:#fffbea}.set-choice[aria-checked=true] .set-choice-icon{background:var(--sun);color:var(--ink)}.set-volume{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:0 16px 4px 78px;font-weight:700;color:var(--ink-soft)}.set-volume.is-off{opacity:.45}.set-volume input{width:100%;height:32px;accent-color:var(--lagoon)}.set-avatars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.set-avatar{min-width:0;padding:10px 4px 12px}.set-avatar .tile-label{font-size:clamp(.8rem,.6rem + .5vw,1rem);overflow-wrap:normal;word-break:normal;-webkit-hyphens:manual;hyphens:manual;text-align:center}.set-avatar svg{width:100%;height:auto;max-width:110px}.set-hues{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.set-hue{width:56px;height:56px;border:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,hsl(var(--h) 90% 82%),hsl(var(--h) 72% 52%));box-shadow:0 4px hsl(var(--h) 60% 36%)}.set-hue[aria-checked=true]{box-shadow:0 0 0 4px #fff,0 0 0 8px var(--sun),0 4px hsl(var(--h) 60% 36%)}.set-note{margin:0;font-size:.95rem;color:var(--ink-soft)}.gate{display:grid;place-items:center;min-height:100dvh}.gate-card{width:min(460px,100%);display:grid;gap:12px;text-align:center;justify-items:center}.gate-card h1{font-size:var(--text-xl);margin:0}.gate-card p{margin:0;color:var(--ink-soft)}.gate-lock{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#e8f6f3;color:var(--lagoon-deep)}.gate-lock svg{width:40px;height:40px}.gate-label{font-family:var(--font-title);font-weight:600;font-size:1.4rem}.gate-math{max-width:160px;text-align:center;font-size:1.8rem;font-family:var(--font-title)}.gate-error{color:var(--coral-deep);font-weight:700}.gate-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px}.parents{display:grid;gap:18px}.par-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.par-head .sea-title{font-size:var(--text-2xl)}.par-head p{margin:4px 0 0;font-weight:700}.par-tabs{display:inline-flex;justify-self:start;gap:4px;padding:5px;border-radius:var(--radius-pill);background:#06223880}.par-tab{min-height:50px;padding:0 22px;border:0;border-radius:var(--radius-pill);background:none;color:#f2fffd;font-family:var(--font-title);font-weight:600;font-size:1.1rem}.par-tab[aria-selected=true]{background:var(--pearl);color:var(--ink);box-shadow:0 3px 0 var(--sun)}.par-message{margin:0;padding:10px 16px;border-radius:var(--radius-sm);background:#fff6d8;font-weight:700;justify-self:start}.par-body{display:grid;gap:18px}.par-card{display:grid;align-content:start;gap:10px}.par-card h2{display:flex;align-items:center;gap:10px;font-size:var(--text-lg);margin:0}.par-card h2 svg{width:30px;height:30px;color:var(--lagoon-deep)}.par-card h3{margin:10px 0 0;font-size:1.15rem}.par-card p{margin:0}.par-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:18px}.par-kids{display:flex;flex-wrap:wrap;gap:8px}.par-kid{display:inline-flex;align-items:center;gap:8px;min-height:54px;padding:4px 18px 4px 4px;border:0;border-radius:var(--radius-pill);background:#ffffffd9;font-family:var(--font-title);font-weight:600;font-size:1.1rem;color:var(--ink)}.par-kid.is-on{background:var(--pearl);box-shadow:0 0 0 4px var(--sun)}.par-kid-av{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;overflow:hidden;background:#d8f3ef;flex:none}.par-kid-av svg{width:118%;height:118%;margin-top:8%}.par-kid-av.big{width:64px;height:64px}.par-meters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0}.par-meters div{padding:14px 18px;border-radius:var(--radius);background:var(--pearl);box-shadow:var(--shadow-soft)}.par-meters dt{font-weight:700;color:var(--ink-soft);font-size:.95rem}.par-meters dd{margin:2px 0 0;font-family:var(--font-title);font-weight:700;font-size:1.9rem;line-height:1.1}.par-meters dd small{font-size:1rem;color:var(--ink-soft)}.par-meters dd.is-text{font-size:1.25rem;line-height:1.2}.heat-board{display:grid;gap:6px}.heat-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:5px;padding-left:calc(var(--indent) * 4%);padding-right:calc((2 - var(--indent)) * 4%)}.heat-key{display:inline-grid;place-items:center;min-width:0;height:48px;border-radius:12px;border-bottom:4px solid var(--finger, transparent);background:#eef2f3;line-height:1}.heat-key b{font-family:var(--font-title);font-size:1.1rem}.heat-key small{font-size:.7rem;font-weight:700;opacity:.75}.heat-good{background:#bfeccc}.heat-mid{background:#ffe39a}.heat-low{background:#ffb8a8}.heat-none{color:#8a9aa3}.heat-few{background:repeating-linear-gradient(135deg,#eef2f3 0,#eef2f3 6px,#e1e8ea 6px,#e1e8ea 12px)}.heat-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:.9rem;color:var(--ink-soft)}.heat-legend .heat-key{width:30px;height:30px;flex:none;border-bottom-width:0}.heat-legend .heat-key b{font-size:.85rem}.weak-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.weak-list li{display:grid;grid-template-columns:48px 1fr 56px;gap:12px;align-items:center;font-weight:700}.weak-bar{height:14px;border-radius:var(--radius-pill);background:#eef2f3;overflow:hidden}.weak-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--coral),var(--sun))}.par-table{width:100%;border-collapse:collapse;font-size:1rem}.par-table th,.par-table td{padding:8px 10px;text-align:left;border-bottom:1px solid #eee4d6}.par-table thead th{font-size:.9rem;color:var(--ink-soft)}.par-table .zone-row th{padding-top:16px;border-bottom:0}.par-table tr.is-open td{color:#8a9aa3}.par-table .pips>i{width:20px;height:20px}.par-table td:first-child{width:3em;font-family:var(--font-title);font-weight:700}.par-kid-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.par-kid-row{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:10px;border-radius:var(--radius);background:#fff}.par-kid-name{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}.par-kid-name strong{font-family:var(--font-title);font-size:1.3rem}.par-kid-name small{flex-basis:100%;color:var(--ink-soft);font-weight:700}.par-kid-name .badge{min-height:26px;font-size:.85rem}.par-kid-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.par-rename{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:100%}.par-rename .field{flex:1 1 180px;width:auto}.par-confirm{margin:0}.par-danger{--btn-ink: var(--coral-deep)}.par-danger-solid{--btn-top: #ff8a73;--btn-bottom: var(--coral);--btn-edge: var(--coral-deep)}.par-import{padding:12px 14px;border-radius:var(--radius-sm);background:#e8f6f3;display:grid;gap:8px;justify-items:start}.par-row{display:flex;gap:10px;flex-wrap:wrap}.par-delete summary{cursor:pointer;font-weight:700;color:var(--coral-deep);padding:6px 0}.par-delete form{display:grid;gap:10px;justify-items:start;margin-top:6px}.par-field{display:grid;gap:6px;font-weight:700}.par-field select{font-size:1.05rem}@media(max-width:640px){.par-kid-row{grid-template-columns:56px 1fr}.par-kid-actions{grid-column:1 / -1;justify-content:flex-start}.par-table th:nth-child(5),.par-table td:nth-child(5){display:none}.par-tab{padding:0 14px;font-size:1rem}}#app[data-calm="1"] .brief-glow,#app[data-calm="1"] .brief-zzz i,#app[data-calm="1"] .result-shells.is-animated .result-shell.is-on,#app[data-calm="1"] .result-friend,#app[data-calm="1"] .tank-card,#app[data-calm="1"] .free-grid>li{animation:none}@media(prefers-reduced-motion:reduce){.brief-glow,.brief-zzz i,.result-card,.result-breakdown li,.result-shells.is-animated .result-shell.is-on,.result-friend,.tank-card,.tank-says,.free-grid>li{animation:none!important}.free-card,.tank-porthole,.brief-key-cap,.set-toggle,.set-choice,.set-switch i{transition:none}}.par-card>.btn{justify-self:start}.brief-how-text{padding-right:44px}.par-opts{grid-column:1 / -1;display:grid;gap:10px;padding-top:6px;border-top:2px dashed rgba(16,60,70,.12)}.par-seg{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}.par-seg-title{flex-basis:100%;font-weight:800;color:var(--ink-soft);font-size:.9rem;text-transform:uppercase;letter-spacing:.04em}.par-seg-btn{flex:1 1 220px;display:grid;gap:2px;text-align:left;min-height:56px;padding:8px 14px;border-radius:var(--radius);border:3px solid rgba(16,60,70,.14);background:#f6fbfa;color:inherit;cursor:pointer}.par-seg-btn b{font-family:var(--font-title);font-size:1.05rem}.par-seg-btn small{color:var(--ink-soft);font-weight:700}.par-seg-btn[aria-pressed=true]{border-color:var(--lagoon);background:#e3f6f3;box-shadow:inset 0 0 0 2px #fff}.par-seg-btn:focus-visible{outline:3px solid var(--sun, #f0c14d);outline-offset:2px}.par-hear{align-self:center}.par-kid-av.is-hadal{background:#0a1820}.par-kid-av.is-hadal svg{width:100%;height:100%;margin-top:0}.par-seg--world .par-seg-btn[data-val=hadal][aria-pressed=true]{border-color:#0d3a50;background:#e4eef2}.par-world-note{margin:2px 0 4px}.par-card h2 .par-world-badge{font-size:.85rem;min-height:26px}.creature,.avatar,.decor,.hands{display:block;overflow:visible}.creature *,.avatar *,.decor *{transform-box:view-box}.cr-float{transform-origin:60px 50px}.av-float{transform-origin:60px 60px}.cr-anim .cr-float{animation:cr-float 4.6s ease-in-out infinite;animation-delay:var(--cr-delay, 0s)}.cr-anim .cr-eye,.av-anim .cr-eye{transform-box:fill-box;transform-origin:center;animation:cr-blink 5.4s infinite;animation-delay:var(--cr-delay, 0s)}.cr-anim .cr-tail{animation:cr-tail 1.6s ease-in-out infinite alternate}.cr-anim .cr-fin{animation:cr-fin 1.1s ease-in-out infinite alternate}.cr-anim .cr-fin-b{animation-delay:-.55s}.cr-anim .cr-tent{animation:cr-tent 3.2s ease-in-out infinite alternate}.cr-anim .cr-tent-b{animation-delay:-1.6s;animation-duration:2.8s}.cr-anim .cr-claw{animation:cr-claw 2.4s ease-in-out infinite alternate}.cr-anim .cr-claw-r{animation-delay:-1.2s}.cr-anim .cr-flap{animation:cr-flap 2.8s ease-in-out infinite}.cr-anim .cr-wobble{animation:cr-wobble 3.6s ease-in-out infinite alternate}.cr-anim .cr-wave{animation:cr-wave 2.6s ease-in-out infinite alternate}.cr-anim .cr-ant{animation:cr-ant 2.2s ease-in-out infinite alternate}.cr-anim .cr-ant-r{animation-delay:-1.1s}.cr-anim .cr-peek{animation:cr-peek 4s ease-in-out infinite}.cr-anim .cr-spout{animation:cr-spout 2.4s ease-in-out infinite}.cr-anim .cr-glow{animation:cr-glow 2.2s ease-in-out infinite}.cr-anim .cr-spark{transform-box:fill-box;transform-origin:center;animation:cr-spark 2.6s ease-in-out infinite}.cr-anim .cr-bubble{animation:cr-bubble 3s ease-in-out infinite}@keyframes cr-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-1.2deg)}}@keyframes cr-blink{0%,92%,97%,to{transform:scaleY(1)}94.5%{transform:scaleY(.1)}}@keyframes cr-tail{0%{transform:rotate(-7deg)}to{transform:rotate(7deg)}}@keyframes cr-fin{0%{transform:rotate(-9deg)}to{transform:rotate(10deg)}}@keyframes cr-tent{0%{transform:skew(-4deg)}to{transform:skew(4deg)}}@keyframes cr-claw{0%{transform:rotate(-6deg)}to{transform:rotate(8deg)}}@keyframes cr-flap{0%,to{transform:scaleY(1)}50%{transform:scaleY(.9)}}@keyframes cr-wobble{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}@keyframes cr-wave{0%{transform:skewY(-2deg)}to{transform:skewY(2deg)}}@keyframes cr-ant{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}@keyframes cr-peek{0%,to{transform:translateY(0)}50%{transform:translateY(2.5px)}}@keyframes cr-spout{0%,to{transform:scale(.9);opacity:.75}50%{transform:scale(1.08);opacity:1}}@keyframes cr-glow{0%,to{transform:scale(.9);opacity:.7}50%{transform:scale(1.12);opacity:1}}@keyframes cr-spark{0%,to{transform:scale(.6) rotate(0);opacity:.4}50%{transform:scale(1.1) rotate(45deg);opacity:1}}@keyframes cr-bubble{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.av-anim .av-float{animation:cr-float 5s ease-in-out infinite;animation-delay:var(--cr-delay, 0s)}.av-anim .cr-bubble{animation:cr-bubble 3s ease-in-out infinite}.av-anim .cr-tail{animation:cr-tail 1.8s ease-in-out infinite alternate}.av-anim .av-prop{transform-box:fill-box;transform-origin:center;animation:av-prop .9s linear infinite}.av-anim .av-hair{animation:cr-tent 3.4s ease-in-out infinite alternate}@keyframes av-prop{0%{transform:scaleY(1)}50%{transform:scaleY(.25)}to{transform:scaleY(1)}}.hands{width:100%;height:auto}.hands .hand-finger{transition:opacity .2s ease}.hands .hand-finger .hf-fill{fill:color-mix(in srgb,var(--fc) 34%,#f7dcc6)}.hands .hand-finger.is-dim{opacity:.62}.hands .hand-finger.is-active .hf-fill{fill:var(--fc)}.hands .hf-glow{opacity:0;fill:var(--fc);stroke:var(--fc)}.hands .hand-finger.is-active .hf-glow{opacity:.85;transform-box:fill-box;transform-origin:center;animation:hf-pulse 1.1s ease-in-out infinite}.hands .hf-ring{opacity:0;stroke:color-mix(in srgb,var(--fc) 42%,#2a1408)}.hands .hand-finger.is-active .hf-ring{opacity:1}.hands .hf-mark path{fill:var(--fc);stroke:color-mix(in srgb,var(--fc) 50%,#3b1d0e)}.hands .hf-mark{animation:hf-bob .9s ease-in-out infinite}@keyframes hf-bob{0%,to{translate:0 0}50%{translate:0 -4px}}.hands.has-active .hand-palm{opacity:.86}@keyframes hf-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.12);opacity:.95}}.decor .dc-glow{animation:cr-glow 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.decor .cr-bubble{animation:dc-rise 3.4s ease-in infinite}.decor .cr-bubble:nth-of-type(2n){animation-delay:-1.2s}.decor .cr-bubble:nth-of-type(3n){animation-delay:-2.3s}.decor .dc-sway{animation:cr-tent 3s ease-in-out infinite alternate}@keyframes dc-rise{0%{transform:translateY(6px);opacity:0}20%{opacity:.9}to{transform:translateY(-26px);opacity:0}}.calm .creature *,.calm .avatar *,.calm .decor *,.is-calm .creature *,.is-calm .avatar *,.is-calm .decor *,.creature.is-still *,.avatar.is-still *,.decor.is-still *{animation:none!important}@media(prefers-reduced-motion:reduce){.creature *,.avatar *,.decor *,.hands *{animation:none!important}}.play{--key-h: clamp(34px, 5.3vh, 50px);--glyph: #0c2a43;position:relative;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(6px,1.2vh,12px);padding:12px clamp(12px,2vw,24px) clamp(10px,1.6vh,18px);overflow:hidden;outline:none;color:#f2fffd}.play-hud{display:flex;align-items:center;gap:14px;position:relative;z-index:4}.hud-pause{flex:none}.hud-track{position:relative;flex:1;min-width:0;max-width:760px;margin:0 auto;height:54px;display:flex;align-items:center;padding:0 24px;border-radius:var(--radius-pill);background:linear-gradient(180deg,#093a569e,#05243cb3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(190,245,255,.22);box-shadow:0 8px 20px #03162840}.hud-thread{position:absolute;left:24px;right:24px;top:50%;height:3px;border-radius:3px;transform:translateY(-50%);background:linear-gradient(90deg,#fff6d8bf,#ffffff47)}.hud-pearls{position:relative;width:100%;display:flex;justify-content:space-between;align-items:center}.hud-pearls i{width:clamp(11px,1.5vw,19px);aspect-ratio:1;border-radius:50%;background:#dcf5ff33;box-shadow:inset 0 0 0 2px #ffffff52;transition:transform .3s var(--ease-bounce),background .3s}.hud-pearls i.is-on{background:radial-gradient(circle at 34% 30%,#ffffff 0 18%,transparent 32%),radial-gradient(circle at 50% 55%,#fffaf3,#f6e3f0 55%,#cdb9e6);box-shadow:0 0 10px #fff6d8bf,inset -1px -2px 3px #785aa04d}.hud-pearls i.is-now{transform:scale(1.45);background:radial-gradient(circle at 36% 30%,#fffbe0,var(--sun) 70%);box-shadow:0 0 0 3px #ffc83d59,0 0 14px #ffc83de6}.hud-side{display:flex;align-items:center;gap:10px;flex:none}.hud-hits,.hud-streak{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:4px 16px 4px 10px;border-radius:var(--radius-pill);font-family:var(--font-title);font-weight:700;font-size:1.35rem;font-variant-numeric:tabular-nums}.hud-hits{background:linear-gradient(180deg,#ffffff,var(--pearl-2));color:var(--ink);box-shadow:0 4px #cdbfae,0 8px 16px #03162838}.hud-hits svg{width:28px;height:28px}.hud-streak{background:linear-gradient(180deg,#fff1b8,var(--sun));color:var(--ink);box-shadow:0 4px 0 var(--sun-deep),0 0 18px #ffc83d8c}.hud-streak[hidden]{display:none}.hud-streak svg{width:22px;height:28px}.hud-streak.is-pop{animation:ts-pop .5s var(--ease-bounce)}.hud-peek{min-height:52px;padding:.4em 1em;font-size:1.05rem;--btn-depth: 4px}.hud-peek[hidden]{display:none}.hud-peek svg{width:26px;height:26px}.play-stage{position:relative;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:6px}.play-scene{position:relative;width:100%;height:100%;min-height:0;container-type:size}.sc{position:absolute;top:0;right:0;bottom:0;left:0}.finger-chip{display:inline-flex;align-items:center;gap:10px;margin:0;min-height:42px;padding:6px 18px 6px 10px;border-radius:var(--radius-pill);background:#fffaf3f2;color:var(--ink);font-weight:700;font-size:1.1rem;box-shadow:0 4px #08243c2e,0 8px 18px #03162833;transition:opacity .2s}.finger-chip[hidden]{display:inline-flex;visibility:hidden;opacity:0}.finger-chip i{width:22px;height:22px;border-radius:50%;flex:none;box-shadow:inset 0 -3px #00000026,0 0 0 3px #fff}.is-wiggle{animation:soft-wiggle .45s ease-in-out}@keyframes soft-wiggle{0%,to{rotate:0deg}20%{rotate:-7deg}45%{rotate:6deg}70%{rotate:-3deg}}.jelly-sea{position:absolute;top:0;right:0;bottom:0;left:0}.jelly{--orb: min(44cqh, 36cqw);position:absolute;left:50%;top:50%;width:var(--orb);display:grid;justify-items:center;transform:translate(-50%,-50%)}.jelly-art{width:150%;margin-bottom:calc(var(--orb) * -.62);position:relative;z-index:0;filter:drop-shadow(0 0 26px hsl(var(--jh, 198) 90% 80% / .7))}.jelly-art svg{width:100%;height:auto;display:block}.orb{position:relative;z-index:1;width:var(--orb);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 24%,#ffffff 0 12%,transparent 26%),radial-gradient(circle at 50% 50%,#fffdf8,#f6fbff 46%,#ddf1fb 74%,#b7dff0);box-shadow:0 0 0 6px hsl(var(--jh, 198) 85% 88% / .55),0 0 50px 12px hsl(var(--jh, 198) 90% 78% / .55),inset -10px -16px 30px hsl(var(--jh, 198) 50% 50% / .22),inset 8px 10px 24px #ffffffe6}.orb-letter{font-family:var(--font-title);font-weight:700;font-size:calc(var(--orb) * .62);line-height:1;margin-top:-.06em;color:var(--glyph)}.orb-ring{position:absolute;top:-9%;right:-9%;bottom:-9%;left:-9%;width:118%;height:118%;transform:rotate(-90deg);pointer-events:none;overflow:visible}.orb-ring circle{fill:none;stroke-width:5}.orb-ring-bg{stroke:#ffffff29}.orb-ring-fg{stroke:var(--sun);stroke-width:6;stroke-linecap:round;stroke-dasharray:100;filter:drop-shadow(0 0 6px rgba(255,200,61,.9))}.jelly.is-arriving{animation:jelly-in .6s var(--ease-out) both;z-index:1}.jelly.is-happy{animation:jelly-away .75s cubic-bezier(.5,0,.75,.4) forwards;pointer-events:none;z-index:0}.jelly.is-happy .orb-letter{opacity:0;transition:opacity .25s}.jelly.is-happy .orb{box-shadow:0 0 0 8px #fff6c899,0 0 80px 30px #ffeca0cc}.jelly.is-tired .orb{box-shadow:0 0 0 6px #fff3,0 0 26px 4px #aaebff4d}@keyframes jelly-in{0%{opacity:0;transform:translate(-50%,-12%) scale(.85)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes jelly-away{0%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:brightness(1.15)}45%{opacity:.85}to{opacity:0;transform:translate(calc(-50% + var(--dir, 1) * 26cqw),-135%) scale(.45) rotate(calc(var(--dir, 1) * 14deg));filter:brightness(1.5)}}.cave{position:absolute;left:50%;top:0;bottom:0;width:min(100%,150cqh);transform:translate(-50%);border-radius:48% 48% 26% 26%/62% 62% 20% 20%;overflow:hidden;background:radial-gradient(ellipse 60% 50% at 50% 56%,rgba(120,96,220,.38),transparent 70%),radial-gradient(ellipse at 50% 60%,#2c2060,#1a1240 48%,#0c0824 80%);box-shadow:inset 0 0 70px 24px #0009,0 0 0 10px #241c488c,0 22px 50px #00000059}.cave-rocks{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 9% 22% at 18% 0%,#3a2d6d 60%,transparent 62%),radial-gradient(ellipse 6% 15% at 30% 0%,#322664 60%,transparent 62%),radial-gradient(ellipse 8% 18% at 72% 0%,#3a2d6d 60%,transparent 62%),radial-gradient(ellipse 5% 12% at 84% 0%,#322664 60%,transparent 62%),radial-gradient(ellipse 30% 10% at 20% 100%,#241a4c 60%,transparent 62%),radial-gradient(ellipse 26% 8% at 78% 100%,#241a4c 60%,transparent 62%)}.echo-waves i{position:absolute;left:50%;top:50%;width:min(56cqh,44cqw);aspect-ratio:1;border-radius:50%;border:4px solid rgba(186,168,255,.7);transform:translate(-50%,-50%) scale(.6);opacity:0}.echo-waves.is-calling i{animation:echo-wave 1.7s ease-out forwards}.echo-waves.is-calling i:nth-child(2){animation-delay:.28s}.echo-waves.is-calling i:nth-child(3){animation-delay:.56s}.echo-waves.is-gold i{border-color:#ffd666e6}@keyframes echo-wave{0%{transform:translate(-50%,-50%) scale(.6);opacity:.95}to{transform:translate(-50%,-50%) scale(2.3);opacity:0}}.echo-orb{--orb: min(50cqh, 40cqw);position:absolute;left:50%;top:50%;width:var(--orb);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 26%,#ffffff 0 12%,transparent 26%),radial-gradient(circle at 50% 50%,#fff,#f1ecff,#cfc3f6);box-shadow:0 0 60px 16px #aa96ff73;transition:background .5s,box-shadow .5s}.echo-letter{font-family:var(--font-title);font-weight:700;font-size:calc(var(--orb) * .62);line-height:1;margin-top:-.06em;color:#1c1446;transition:opacity .45s}.echo-ear{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#cbbcff;opacity:0;transition:opacity .45s}.echo-ear svg{width:44%;height:auto}.echo-orb.is-faded{background:radial-gradient(circle at 50% 45%,#7864d26b,#241a544d);box-shadow:0 0 34px 6px #826ee64d,inset 0 0 0 3px #beacff73}.echo-orb.is-faded .echo-letter{opacity:0}.echo-orb.is-faded .echo-ear{opacity:1;animation:ts-pulse 1.8s ease-in-out infinite}.echo-orb.is-glad{box-shadow:0 0 80px 26px #ffdc7899}.echo-ru{position:absolute;right:6%;bottom:6%;width:min(30cqh,20cqw);opacity:.95}.echo-ru svg{width:100%;height:auto;display:block}.sc-perlen{display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;align-items:center;padding-bottom:1cqh}.pearl-string{--ps: min(15cqh, calc(74cqw / var(--n, 6)));position:relative;display:flex;align-items:center;justify-content:center;gap:calc(var(--ps) * .14);padding:0 calc(var(--ps) * .6)}.pearl-string:before{content:"";position:absolute;left:0;right:0;top:50%;height:4px;border-radius:4px;background:linear-gradient(90deg,transparent,rgba(255,238,214,.85) 8%,rgba(255,238,214,.85) 92%,transparent)}.pearl-string.is-new .pp{animation:ts-pop .45s var(--ease-bounce) both}.pp{position:relative;width:var(--ps);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-family:var(--font-title);font-weight:700;font-size:calc(var(--ps) * .56);line-height:1;color:var(--glyph);background:radial-gradient(circle at 33% 27%,#ffffff 0 12%,transparent 26%),radial-gradient(circle at 50% 55%,#fffaf3,#f8e8f2 50%,#ddcaea 82%,#bfaedb);box-shadow:inset -3px -5px 10px #785aa047,0 5px 12px #041e344d;transition:width .25s var(--ease-bounce),font-size .25s var(--ease-bounce)}.pp b{font-weight:inherit;margin-top:-.06em}.pp.is-got{background:#ffffff14;box-shadow:inset 0 0 0 3px #fff6d866;color:#fff9}.pp.is-now{width:calc(var(--ps) * 1.9);font-size:calc(var(--ps) * 1.15);z-index:1;box-shadow:0 0 0 5px var(--sun),0 0 0 12px #ffc83d47,0 0 46px 12px #fff0be8c,inset -5px -8px 16px #785aa040;animation:pearl-breathe 2s ease-in-out infinite}.pp.is-space:not(.is-now){width:calc(var(--ps) * .4);background:none;box-shadow:none}@keyframes pearl-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.clam{position:relative;width:min(64cqh,56cqw)}.clam-svg{width:100%;height:auto;display:block;filter:drop-shadow(0 14px 18px rgba(4,30,52,.35))}.clam-pearls{position:absolute;left:22%;right:22%;top:46%;height:22%;display:flex;flex-wrap:wrap-reverse;justify-content:center;align-content:flex-start;gap:1px 2px}.clam-pearls i{width:10%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 28%,#ffffff 0 20%,transparent 34%),radial-gradient(circle at 50% 55%,#fffaf3,#f6e3f0 55%,#cdb9e6);box-shadow:0 1px 2px #50285059;animation:ts-pop .4s var(--ease-bounce) both}.clam.is-shine .clam-svg{animation:clam-shine .9s ease-out}@keyframes clam-shine{0%{filter:drop-shadow(0 14px 18px rgba(4,30,52,.35));transform:scale(1)}35%{filter:drop-shadow(0 0 30px rgba(255,236,170,.95));transform:scale(1.05)}to{filter:drop-shadow(0 14px 18px rgba(4,30,52,.35));transform:scale(1)}}.sc-race{display:grid;align-content:center;justify-items:center;gap:5cqh}.race-track{--rw: min(25cqh, 14cqw);position:relative;width:min(100%,1000px);display:grid;gap:1.5cqh;padding:2cqh 8% 2cqh 2%;border-radius:30px;background:linear-gradient(180deg,#ffffff29,#ffffff0d);border:2px solid rgba(255,255,255,.2)}.race-lane{position:relative;height:calc(var(--rw) * .95);border-radius:20px;background:repeating-linear-gradient(90deg,transparent 0 46px,rgba(255,255,255,.07) 46px 92px),linear-gradient(90deg,#04284652,#04284629);border-bottom:5px dotted rgba(255,200,61,.55)}.race-lane.is-tilo{border-bottom-color:#78dca08c}.lane-name{position:absolute;left:50%;top:-4px;transform:translate(-50%);white-space:nowrap;z-index:1;padding:0 10px;border-radius:var(--radius-pill);background:#fffaf3eb;color:var(--ink);font-family:var(--font-title);font-weight:700;font-size:.95rem}.racer{position:absolute;bottom:2px;left:calc(var(--x, 0) * (100% - var(--rw)));width:var(--rw);transition:left .3s linear;z-index:2}.racer svg{width:100%;height:auto;display:block;filter:drop-shadow(0 6px 8px rgba(4,30,52,.35))}.racer.is-boost svg{animation:racer-boost .35s ease-out}@keyframes racer-boost{0%{transform:translate(0) scale(1)}40%{transform:translate(6px) scale(1.06,.96)}to{transform:translate(0) scale(1)}}.race-finish{position:absolute;right:1.5%;top:6%;bottom:0;width:6%;display:grid;align-items:end}.flag-svg{width:100%;height:100%;overflow:visible}.flag-cloth{transform-origin:10px 24px;animation:flag-wave 1.8s ease-in-out infinite}@keyframes flag-wave{0%,to{transform:skewY(0) scaleX(1)}50%{transform:skewY(-4deg) scaleX(.94)}}.word-tiles{--ts: min(19cqh, calc(76cqw / var(--n, 6)));display:flex;gap:calc(var(--ts) * .12);align-items:center}.word-tiles.is-new .wt{animation:ts-pop .4s var(--ease-bounce) both}.wt{width:var(--ts);aspect-ratio:.88;border-radius:20%;display:grid;place-items:center;font-family:var(--font-title);font-weight:700;font-size:calc(var(--ts) * .64);line-height:1;color:var(--glyph);background:linear-gradient(180deg,#ffffff,var(--pearl) 70%,var(--pearl-2));box-shadow:0 5px #cdbfae,0 10px 18px #041e3440;transition:transform .2s var(--ease-bounce)}.wt.is-got{background:linear-gradient(180deg,#e3fbe9,#bfeccc);color:#1d6e49;box-shadow:0 5px #86c9a0,0 10px 18px #041e3433}.wt.is-wait:empty{background:#ffffff59;box-shadow:0 5px #cdbfae80}.wt.is-now{transform:translateY(-8px) scale(1.14);box-shadow:0 0 0 5px var(--sun),0 0 34px 10px #ffc83d80,0 5px #cdbfae}.wt.is-space:not(.is-now){width:calc(var(--ts) * .4);background:none;box-shadow:none}.sc-krake{--arm: min(82cqh, 48cqw)}.karlo{position:absolute;left:50%;bottom:0;width:min(38cqh,30cqw);translate:-50% 0;z-index:2}.karlo svg{width:100%;height:auto;display:block;filter:drop-shadow(0 10px 16px rgba(4,30,52,.35))}.karlo.is-glad svg{animation:ts-wiggle .5s ease-in-out}.arms{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.arm{position:absolute;left:50%;bottom:12cqh;width:calc(var(--arm) * .17);height:var(--arm);translate:-50% 0;transform:rotate(var(--a, 0deg));transform-origin:50% 100%}.arm-svg{width:100%;height:100%;display:block;transform-origin:50% 100%;animation:arm-sway 4.2s ease-in-out infinite}.arm:nth-child(2) .arm-svg{animation-delay:-1.4s}.arm:nth-child(3) .arm-svg{animation-delay:-2.8s}.arm.is-free .arm-svg{animation:arm-free .6s var(--ease-bounce),arm-sway 4.2s ease-in-out .6s infinite}@keyframes arm-sway{0%,to{rotate:-2deg}50%{rotate:2deg}}@keyframes arm-free{0%{rotate:0deg}40%{rotate:-7deg}to{rotate:0deg}}.knot{--k: min(24cqh, 17cqw);position:absolute;left:50%;bottom:calc(52% + var(--p, 0) * 42%);width:var(--k);aspect-ratio:1;translate:-50% 50%;rotate:calc(var(--a, 0deg) * -1);display:grid;place-items:center;transition:bottom .12s linear}.knot-rope{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;animation:rope-turn 9s linear infinite}@keyframes rope-turn{to{transform:rotate(360deg)}}.knot-letter{position:relative;width:66%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-family:var(--font-title);font-weight:700;font-size:calc(var(--k) * .46);line-height:1;color:var(--glyph);background:radial-gradient(circle at 33% 27%,#ffffff 0 14%,transparent 28%),radial-gradient(circle at 50% 55%,#fffdf8,#f6efe2 60%,#e0d2bd);box-shadow:inset -3px -5px 8px #785a3c38}.knot.is-first .knot-letter{box-shadow:0 0 0 4px var(--sun),0 0 26px 8px #ffc83d99,inset -3px -5px 8px #785a3c38}.knot.is-new{animation:knot-in .45s var(--ease-bounce) both}.knot.is-solved{animation:knot-free .7s ease-out forwards}.knot.is-solved .knot-rope{animation:rope-open .7s ease-out forwards}.knot.is-lost,.knot.is-gone{animation:knot-slip .6s ease-in forwards}@keyframes knot-in{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}@keyframes knot-free{0%{scale:1;opacity:1}40%{scale:1.25;opacity:1}to{scale:1.55;opacity:0}}@keyframes rope-open{to{transform:rotate(200deg) scale(1.6);opacity:0}}@keyframes knot-slip{0%{opacity:1;filter:grayscale(0)}to{opacity:0;scale:.6;filter:grayscale(.8)}}.sc-book{display:grid;place-items:center}.book{position:relative;width:min(100% - 28px,1080px);height:min(100% - 22px,90cqh);display:grid;grid-template-columns:minmax(0,.36fr) minmax(0,1fr);filter:drop-shadow(0 18px 26px rgba(4,30,52,.4))}.book:before{content:"";position:absolute;top:-10px;right:-14px;bottom:-14px;left:-14px;z-index:-1;border-radius:24px;background:linear-gradient(180deg,#8a4a32,#5e2c1e);box-shadow:inset 0 2px #ffdcbe4d}.book-page{position:relative;min-width:0}.book-page.is-left{border-radius:18px 4px 4px 18px;background:linear-gradient(90deg,#ead9b8,#f8efdc 18%,#f6ebd6 86%,#dcc59a);display:grid;align-content:center;justify-items:center;gap:2cqh;padding:3cqh 4%}.book-art{width:min(80%,34cqh)}.book-art svg{width:100%;height:auto;display:block}.book-count{margin:0;color:#6b4a2b;font-family:var(--font-title);font-weight:600;font-size:1.1rem}.book-page.is-right{border-radius:4px 18px 18px 4px;background:linear-gradient(90deg,rgba(150,110,60,.35),transparent 7%),linear-gradient(180deg,#fdf8ee,#fbf3e3 70%,#f5e8cf);display:grid;align-items:center;padding:3cqh 6% 3cqh 7%}.book-page.is-right.is-turn{animation:page-turn .55s var(--ease-out);transform-origin:0 50%}@keyframes page-turn{0%{opacity:.2;transform:perspective(1200px) rotateY(-24deg)}to{opacity:1;transform:none}}.book-line{margin:0;max-width:none;font-family:var(--font-body);font-weight:700;font-size:clamp(1.8rem,min(12cqh,4.6cqw),4rem);line-height:1.65;position:relative;isolation:isolate;letter-spacing:.02em;color:#2a1d10;text-wrap:pretty}.book-line .w{white-space:nowrap}.book-line .c{position:relative}.book-line .c-done{color:#23603c}.book-line .c-rest{color:#2a1d106b}.book-line .c-now{color:#0a2236;display:inline-block;min-width:.45em;text-align:center}.book-line .c-now:before{content:"";position:absolute;left:50%;top:54%;width:1.1em;height:1.1em;transform:translate(-50%,-50%);z-index:-1;border-radius:50%;background:radial-gradient(circle at 36% 30%,#fff 0,#fff 14%,#fff3c4,#ffc83d99 70%,#ffc83d00 72%);box-shadow:0 0 20px 4px #ffc83d66;animation:cursor-glow 1.6s ease-in-out infinite}.book-line .c-now:after{content:"";position:absolute;left:8%;right:8%;bottom:.12em;height:.09em;border-radius:1em;background:var(--coral)}.book-line .sp.c-now{color:#0c2a43a6}@keyframes cursor-glow{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.play-dock{position:relative;z-index:3;display:grid;grid-template-columns:minmax(118px,1fr) minmax(0,860px) minmax(118px,1fr);align-items:stretch;gap:clamp(6px,1vw,14px)}.dock-kb{grid-column:2;min-width:0;transition:opacity .3s}.dock-kb.is-off{visibility:hidden;opacity:0}.dock-kb .keyboard{width:100%}.dock-hand{min-width:0;display:flex;transition:opacity .3s;background:radial-gradient(closest-side,#06223880,#06223800) no-repeat;background-size:min(100%,260px) 100%}.dock-hand.is-off{visibility:hidden;opacity:0}.dock-hand .hands{width:100%;height:100%;max-height:calc(var(--key-h) * 4 + 60px)}.dock-hand.is-left{justify-content:flex-end;background-position:right center}.dock-hand.is-right{background-position:left center}.dock-hand.is-left .hands{margin-left:auto}.play-fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;overflow:hidden}.fx-dot{position:absolute;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,#fff 0,#fff 18%,#dcfaff8c 45%,#c8f0ff1f 70%);box-shadow:inset 0 0 0 1.5px #ffffffbf;animation:fx-pop var(--d, .8s) ease-out forwards}.fx-dot.is-gold{background:radial-gradient(circle,#fffbe2 0 22%,var(--sun) 48%,rgba(255,200,61,0) 72%);box-shadow:none}@keyframes fx-pop{0%{transform:translate(-50%,-50%) scale(.3);opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1);opacity:0}}.fx-fly{position:absolute;border-radius:50%;display:grid;place-items:center;font-family:var(--font-title);font-weight:700;color:var(--glyph);background:radial-gradient(circle at 33% 27%,#ffffff 0 12%,transparent 26%),radial-gradient(circle at 50% 55%,#fffaf3,#f8e8f2 50%,#ddcaea 82%,#bfaedb);box-shadow:0 0 24px 6px #fff0c899}.play-done{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;display:grid;place-items:center;pointer-events:none}.play-done[hidden]{display:none}.play-done span{font-family:var(--font-title);font-weight:700;font-size:clamp(3.2rem,9vw,6.5rem);color:#fff;text-shadow:0 5px 0 var(--zone-deep),0 0 50px rgba(255,236,170,.9);animation:ts-pop .6s var(--ease-bounce) both}.play-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:18px;background:#04142494;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.play-overlay[hidden]{display:none}.pause-card{width:min(500px,100%);display:grid;justify-items:center;gap:10px;text-align:center;margin-top:60px;animation:ts-pop .4s var(--ease-bounce) both}.pause-card h2{margin:0;font-size:var(--text-xl)}.pause-card p{margin:0 0 6px;font-size:var(--text-md);max-width:26em}.pause-card .pause-luma{width:130px;margin-top:-96px;filter:drop-shadow(0 0 26px rgba(255,220,120,.8))}.pause-luma svg{width:100%;height:auto;display:block}.pause-actions{display:grid;gap:14px;width:100%}.pause-actions .btn{width:100%}.play.is-calm .jelly{--orb: min(54cqh, 44cqw)}.play.is-calm .echo-orb{--orb: min(58cqh, 46cqw)}.play.is-calm .pearl-string{--ps: min(17cqh, calc(78cqw / var(--n, 6)))}.play.is-calm .word-tiles{--ts: min(21cqh, calc(80cqw / var(--n, 6)))}.play.is-calm .knot{--k: min(27cqh, 20cqw)}.play.is-calm .book-line{font-size:clamp(2rem,min(13cqh,5cqw),4.4rem)}.play.is-calm .pp.is-now,.play.is-calm .arm-svg,.play.is-calm .knot-rope,.play.is-calm .flag-cloth,.play.is-calm .book-line .c-now:before,.play.is-calm .echo-orb.is-faded .echo-ear{animation:none}@media(prefers-reduced-motion:reduce){.play *,.play *:before,.play *:after{animation:none!important;transition:none!important}.jelly.is-happy,.knot.is-solved,.knot.is-lost,.knot.is-gone{display:none}}@media(max-width:1100px){.hud-peek span{display:none}.hud-peek{padding:0 14px}}@media(max-width:860px){.play-dock{grid-template-columns:minmax(0,1fr)}.dock-kb{grid-column:1}.dock-hand,.hud-hits{display:none}}@media(max-height:700px){.play{gap:6px;padding-top:8px}.play-hud .btn-icon{width:54px;height:54px;min-width:54px}.hud-track{height:46px}.finger-chip{min-height:36px;font-size:1rem}}.acct{--acct-ink: #0d2b33;--acct-ink-soft: #3d5f66;--acct-teal: var(--lagoon, #1c7f86);--acct-deep: var(--kelp, #0e4c56);--acct-sun: var(--lantern, #f0c14d);--acct-coral: var(--coral, #e15a45);--acct-glass: rgba(255, 255, 255, .74);--acct-glass-edge: rgba(255, 255, 255, .75);--acct-radius: 30px;--acct-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 0 22px 50px -18px rgba(4, 40, 48, .45), 0 6px 14px -6px rgba(4, 40, 48, .25);--acct-title: "Fredoka", "Baloo 2", "Nunito", ui-rounded, "Segoe UI", sans-serif;--acct-text: "Andika", "Atkinson Hyperlegible", "Segoe UI", sans-serif;position:relative;min-height:100dvh;overflow:hidden;isolation:isolate;color:var(--acct-ink);font-family:var(--acct-text);background:radial-gradient(1200px 520px at 70% -12%,rgba(255,250,222,.95),transparent 62%),radial-gradient(700px 400px at 8% 18%,rgba(185,245,236,.7),transparent 70%),linear-gradient(180deg,#e3faf5,#bdece4 38%,#74c4bf 72%,#1d7a84)}.acct-sea{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.acct-rays{position:absolute;top:-20%;right:-10%;bottom:30%;left:-10%;background:repeating-linear-gradient(100deg,transparent 0 70px,rgba(255,255,240,.22) 90px 120px,transparent 150px 240px);filter:blur(14px);-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 85%);mask-image:linear-gradient(180deg,#000 0%,transparent 85%);transform-origin:60% 0;animation:acct-rays 14s ease-in-out infinite alternate}@keyframes acct-rays{0%{transform:skew(-6deg) translate(-2%);opacity:.75}to{transform:skew(6deg) translate(2%);opacity:1}}.acct-bubble{position:absolute;bottom:-40px;width:var(--size);height:var(--size);border-radius:50%;background:radial-gradient(circle at 32% 30%,#fffffff2 0,#fffffff2 18%,#ffffff2e 40%,#ffffff0d 70%);box-shadow:inset 0 0 0 1.5px #ffffff8c;animation:acct-rise var(--dur, 14s) linear infinite;animation-delay:var(--delay, 0s);opacity:.8}@keyframes acct-rise{0%{transform:translate(0)}25%{transform:translate(14px,-28vh)}50%{transform:translate(-10px,-56vh)}75%{transform:translate(12px,-84vh)}to{transform:translateY(-115vh)}}.acct-floor{position:absolute;inset:auto 0 0;height:18vh;min-height:110px;background:radial-gradient(60% 120% at 20% 100%,rgba(238,214,164,.55),transparent 70%),radial-gradient(55% 110% at 85% 100%,rgba(232,202,150,.5),transparent 70%);filter:blur(2px)}.acct-stage{position:relative;min-height:100dvh;display:flex;flex-direction:column;padding:clamp(14px,3vw,28px) clamp(14px,4vw,40px) 40px}.acct-screen{width:min(1080px,100%);margin:0 auto;flex:1;display:flex;flex-direction:column;animation:acct-in .45s cubic-bezier(.2,.8,.2,1) both}@keyframes acct-in{0%{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:none}}.acct h1,.acct h2{font-family:var(--acct-title);letter-spacing:-.01em;outline:none}.acct h2{font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:650;line-height:1.1;margin:0 0 .4rem;color:var(--acct-deep)}.acct p{max-width:40rem}.acct-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.acct-round{width:58px;height:58px;display:grid;place-items:center;border:0;border-radius:50%;color:var(--acct-deep);background:var(--acct-glass);box-shadow:var(--acct-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .18s ease,background .18s ease}.acct-round svg{width:30px;height:30px;fill:currentColor}.acct-round:hover{transform:translateY(-2px) scale(1.04);background:#fff}.acct-round:active{transform:scale(.96)}.acct [tabindex="-1"]:focus{outline:none}.acct :focus-visible{outline:4px solid var(--acct-sun);outline-offset:4px;border-radius:18px}.acct .acct-round:focus-visible,.acct .acct-hue:focus-visible{border-radius:50%}.acct-luma{display:flex;align-items:center;gap:14px}.acct-luma-art{flex:none;width:92px;height:92px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 60% 40%,rgba(255,246,196,.95),rgba(255,236,160,.35) 55%,transparent 72%)}.acct-luma-art .creature{width:86%;height:auto;filter:drop-shadow(0 6px 10px rgba(6,50,60,.25))}.acct-bubble-text{position:relative;margin:0;padding:12px 18px;border-radius:22px;background:#fff;font-size:1.05rem;line-height:1.35;text-align:left;box-shadow:0 10px 24px -14px #04283080}.acct-bubble-text:before{content:"";position:absolute;left:-9px;top:50%;width:18px;height:18px;background:#fff;border-radius:4px;transform:translateY(-50%) rotate(45deg)}.acct-luma--big .acct-luma-art{width:clamp(120px,18vw,170px);height:clamp(120px,18vw,170px)}.acct-luma--big .acct-bubble-text{font-size:1.2rem}.acct-welcome{flex:1;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(24px,5vw,64px)}.acct-title{margin:18px 0 6px;font-size:clamp(3.4rem,9vw,6.4rem);font-weight:700;line-height:.95;color:var(--acct-deep);text-shadow:0 2px 0 rgba(255,255,255,.6)}.acct-title span{background:linear-gradient(180deg,#f47c62,#c9442f);text-shadow:none;-webkit-background-clip:text;background-clip:text;color:transparent}.acct-sub{font-size:clamp(1.1rem,2vw,1.35rem);font-weight:700;color:var(--acct-deep);margin:0}.acct-ways{display:flex;flex-direction:column;gap:16px}.acct-way{display:flex;align-items:center;gap:18px;min-height:96px;padding:16px 24px 16px 16px;border:0;border-radius:28px;text-align:left;color:var(--acct-ink);background:var(--acct-glass);box-shadow:var(--acct-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .22s cubic-bezier(.3,1.4,.5,1),box-shadow .22s ease,filter .2s ease}.acct-way:hover{transform:translateY(-3px) rotate(-.4deg);filter:brightness(1.04)}.acct-way:active{transform:scale(.98)}.acct-way-icon{flex:none;width:64px;height:64px;display:grid;place-items:center;border-radius:22px;background:#ffffff8c}.acct-way-icon svg{width:40px;height:40px;fill:currentColor}.acct-way-text{display:flex;flex-direction:column;gap:2px}.acct-way-text strong{font-family:var(--acct-title);font-size:1.35rem;font-weight:600;line-height:1.15}.acct-way-text small{font-size:.98rem;opacity:.8}.acct-way--signin{color:#fff;background:linear-gradient(135deg,#20a3a0,#10707c)}.acct-way--signin .acct-way-icon{background:#fff3}.acct-way--signup{background:linear-gradient(135deg,#ffe08a,#f3b941)}.acct-way--signup .acct-way-icon{color:#9a5b00}.acct-way--local .acct-way-icon{color:var(--acct-teal)}.acct-card{width:min(560px,100%);margin:clamp(0px,3vh,30px) auto 0;padding:clamp(20px,4vw,36px);border-radius:var(--acct-radius);background:var(--acct-glass);border:1px solid var(--acct-glass-edge);box-shadow:var(--acct-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.acct-card>.acct-luma{margin-bottom:18px}.acct-card--narrow{width:min(460px,100%);text-align:center}.acct-form fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.acct-field{display:flex;flex-direction:column;gap:6px}.acct-field label{font-weight:700;font-size:1rem;color:var(--acct-deep)}.acct-field small{color:var(--acct-ink-soft);font-size:.92rem}.acct-field input{width:100%;min-height:58px;padding:12px 18px;border:2px solid rgba(14,76,86,.18);border-radius:18px;color:var(--acct-ink);background:#ffffffeb;font-size:1.12rem;transition:border-color .15s ease,box-shadow .15s ease}.acct-field input::placeholder{color:#8aa3a8}.acct-field input:focus{outline:none;border-color:var(--acct-teal);box-shadow:0 0 0 5px #1c7f8633}.acct-field--big input{min-height:70px;font-family:var(--acct-title);font-size:1.7rem;text-align:center}.acct-pass{position:relative}.acct-pass input{padding-right:64px}.acct-eye{position:absolute;right:6px;top:50%;width:48px;height:48px;transform:translateY(-50%);display:grid;place-items:center;border:0;border-radius:14px;background:transparent;color:var(--acct-ink-soft)}.acct-eye svg{width:26px;height:26px;fill:currentColor}.acct-eye[aria-pressed=true]{color:var(--acct-teal);background:#1c7f861a}.acct-privacy{margin:0;padding:12px 16px;border-radius:16px;background:#1c7f8617;font-size:.92rem;line-height:1.45;color:var(--acct-ink-soft)}.acct-privacy strong{color:var(--acct-deep)}.acct-error{margin:0;padding:12px 16px;border-radius:16px;background:#fff1ec;border:2px solid rgba(225,90,69,.35);color:#9b2f22;font-weight:700;animation:acct-shake .4s ease}.acct-error[hidden]{display:none}@keyframes acct-shake{0%,to{transform:none}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.acct-notice{align-self:center;margin:0 0 18px;padding:10px 18px;border-radius:999px;background:#ffffffd9;color:var(--acct-deep);font-weight:700;box-shadow:var(--acct-shadow)}.acct-btn{position:relative;min-height:60px;padding:12px 28px;border:0;border-radius:999px;font-family:var(--acct-title);font-size:1.25rem;font-weight:600;color:var(--acct-deep);background:#ffffffe6;box-shadow:0 0 0 2px #0e4c5626 inset;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .18s cubic-bezier(.3,1.4,.5,1),filter .18s ease}.acct-btn:hover:not(:disabled){transform:translateY(-2px)}.acct-btn:active:not(:disabled){transform:scale(.97)}.acct-btn:disabled{cursor:progress;opacity:.75}.acct-btn--primary{color:#fff;background:linear-gradient(180deg,#f0735c 0%,var(--acct-coral) 55%,#c9442f 100%);box-shadow:0 10px 22px -10px #b93c32cc,0 -3px #0000001f inset}.acct-spinner{display:none;width:22px;height:22px;border-radius:50%;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;animation:acct-spin .8s linear infinite}.acct-btn.is-busy .acct-spinner{display:inline-block}@keyframes acct-spin{to{transform:rotate(360deg)}}.acct-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.acct-row .acct-btn{flex:1 1 200px}.acct-switch{margin:18px 0 0;text-align:center;color:var(--acct-ink-soft)}.acct-link{min-height:48px;padding:8px 14px;border:0;border-radius:14px;background:transparent;color:var(--acct-teal);font-weight:700;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.acct-link:hover{background:#ffffff80}.acct-names{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 16px;list-style:none}.acct-names li{padding:6px 14px;border-radius:999px;background:#f0c14d4d;font-weight:700}.acct-profiles{flex:1;display:flex;flex-direction:column}.acct-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;margin-bottom:clamp(18px,4vh,36px)}.acct-head h2{font-size:clamp(2.2rem,5vw,3.4rem);margin:0}.acct-family{margin:4px 0 0;font-size:1.1rem;font-weight:700;color:var(--acct-ink-soft)}.acct-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(170px,40vw),220px));justify-content:center;gap:clamp(14px,2.4vw,26px)}.acct-tile{--h: 190;position:relative;aspect-ratio:5 / 6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 12px 18px;border:0;border-radius:34px;color:var(--acct-ink);background:radial-gradient(120% 70% at 50% 0%,hsl(var(--h) 80% 92% / .95),transparent 70%),var(--acct-glass);box-shadow:var(--acct-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:acct-pop .5s cubic-bezier(.3,1.5,.5,1) both;animation-delay:calc(var(--n, 0) * 60ms);transition:transform .25s cubic-bezier(.3,1.5,.5,1),box-shadow .25s ease}@keyframes acct-pop{0%{opacity:0;transform:translateY(20px) scale(.92)}to{opacity:1;transform:none}}.acct-tile:hover,.acct-tile:focus-visible{transform:translateY(-6px) rotate(-1deg)}.acct-tile:nth-child(2n):hover{transform:translateY(-6px) rotate(1deg)}.acct-tile:active{transform:scale(.97)}.acct-tile.is-last{box-shadow:0 0 0 4px #f0c14de6,var(--acct-shadow)}.acct-tile-art{width:74%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 40% 35%,hsl(var(--h) 85% 88%),hsl(var(--h) 60% 70%) 70%,hsl(var(--h) 55% 58%));box-shadow:inset 0 -8px 16px hsl(var(--h) 50% 40% / .35),0 10px 18px -10px hsl(var(--h) 50% 30% / .6)}.acct-tile-art .avatar{width:92%;height:auto}.acct-tile-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--acct-title);font-size:clamp(1.2rem,2.4vw,1.6rem);font-weight:650}.acct-tile-shells{display:inline-flex;align-items:center;gap:4px;padding:3px 12px 3px 6px;border-radius:999px;background:#fffc;font-weight:700;font-size:1rem}.acct-tile-shells svg{width:24px;height:24px}.acct-tile--add{background:#ffffff59;box-shadow:inset 0 0 0 3px #ffffffd9;color:var(--acct-deep)}.acct-tile--add .acct-tile-art{background:#ffffff8c;box-shadow:none;color:var(--acct-teal)}.acct-tile--add .acct-tile-art svg{width:62%;height:62%;fill:currentColor}.acct-tile--add.is-hint .acct-tile-art{animation:acct-pulse 1.8s ease-in-out infinite}@keyframes acct-pulse{0%,to{transform:scale(1);box-shadow:0 0 #f0c14d99}50%{transform:scale(1.06);box-shadow:0 0 0 16px #f0c14d00}}.acct-tile--ghost{animation:acct-shimmer 1.4s ease-in-out infinite alternate;pointer-events:none}.acct-tile--ghost .acct-tile-art{background:#fff9;box-shadow:none}.acct-tile--ghost .acct-tile-name{width:55%;height:1.4rem;border-radius:10px;background:#fff9}@keyframes acct-shimmer{0%{opacity:.55}to{opacity:1}}.acct-loading{text-align:center;margin:18px auto 0;color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.acct-foot{margin-top:auto;padding-top:32px;display:flex;justify-content:center}.acct-foot .acct-link{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}.acct-foot .acct-link:hover{background:#ffffff26}.acct-card--child{width:min(640px,100%);text-align:center}.acct-card--child h2{margin-bottom:4px}.acct-card--child .acct-field label{text-align:center}.acct-child-preview{width:150px;height:150px;margin:-84px auto 6px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,#fffbe8,#d9f5ef 60%,#a6ddd6);box-shadow:0 0 0 6px #ffffffd9,0 16px 30px -14px #0428308c}.acct-child-preview .avatar{width:88%;height:auto}.acct-screen--newchild .acct-card{margin-top:90px}.acct-choose{display:flex;flex-direction:column;gap:8px}.acct-choose-label{margin:0;font-weight:700;color:var(--acct-deep)}.acct-kinds{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.acct-kind{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:120px;padding:10px 8px;border:0;border-radius:24px;background:#ffffffb3;box-shadow:inset 0 0 0 2px #0e4c561a;font-weight:700;color:var(--acct-ink);transition:transform .2s cubic-bezier(.3,1.5,.5,1),box-shadow .2s ease,background .2s ease}.acct-kind .avatar{width:76px;height:76px}.acct-kind-label{max-width:100%;text-align:center;font-size:clamp(.85rem,.7rem + .4vw,1rem);overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual}.acct-kind:hover{transform:translateY(-3px)}.acct-kind[aria-pressed=true]{background:#fff;box-shadow:inset 0 0 0 4px var(--acct-teal),0 10px 20px -12px #04283099;transform:translateY(-2px)}.acct-hues{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.acct-hue{position:relative;width:60px;height:60px;border:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,hsl(var(--h) 90% 82%),hsl(var(--h) 70% 56%) 60%,hsl(var(--h) 60% 42%));box-shadow:0 6px 12px -6px hsl(var(--h) 50% 30% / .8),inset 0 -4px 8px #0000001f;transition:transform .2s cubic-bezier(.3,1.5,.5,1)}.acct-hue:hover{transform:scale(1.08)}.acct-hue[aria-pressed=true]{transform:scale(1.12);box-shadow:0 0 0 4px #fff,0 0 0 7px hsl(var(--h) 60% 45%),0 8px 16px -6px hsl(var(--h) 50% 30% / .8)}.acct-hue[aria-pressed=true]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:22px;height:12px;border-left:5px solid #fff;border-bottom:5px solid #fff;transform:translateY(-3px) rotate(-45deg)}.acct-card--child .acct-btn--primary{align-self:center;min-width:240px;min-height:68px;font-size:1.5rem}@media(max-width:760px){.acct-welcome{grid-template-columns:1fr;align-content:start}.acct-hero{text-align:center}.acct-hero .acct-luma{justify-content:center}.acct-sub{margin:0 auto}.acct-way{min-height:84px}.acct-luma-art{width:72px;height:72px}.acct-head{justify-content:center;text-align:center}}@media(prefers-reduced-motion:reduce){.acct *,.acct *:before,.acct *:after{animation:none!important;transition:none!important}.acct-bubble{display:none}}#app[data-calm="1"] .acct *,#app[data-calm="1"] .acct *:before{animation:none!important}#app[data-calm="1"] .acct-bubble{display:none}@media(max-height:920px)and (min-width:761px){.acct-stage:has(.acct-screen--newchild){padding-bottom:12px}.acct-screen--newchild .acct-top{margin-bottom:0}.acct-screen--newchild .acct-card{margin-top:clamp(40px,7vh,90px);padding-block:clamp(12px,2.2vh,30px)}.acct-screen--newchild .acct-form fieldset{gap:clamp(6px,1.3vh,16px)}.acct-child-preview{width:clamp(92px,13.5vh,150px);height:clamp(92px,13.5vh,150px);margin-top:calc(-.5*clamp(92px,13.5vh,150px) - 10px)}.acct-screen--newchild h2{font-size:clamp(1.6rem,1rem + 2vh,2.2rem)}.acct-kind{min-height:0;padding:6px 8px}.acct-kind .avatar{width:clamp(50px,7.5vh,76px);height:clamp(50px,7.5vh,76px)}.acct-hue{width:clamp(44px,6.4vh,60px);height:clamp(44px,6.4vh,60px)}.acct-card--child .acct-btn--primary{min-height:clamp(54px,7.4vh,68px)}.acct-card--child .acct-field input{padding-block:clamp(8px,1.4vh,14px)}}@font-face{font-family:Atkinson Next;src:url(/fonts/hadal/atkinson-hyperlegible-next-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Atkinson Next;src:url(/fonts/hadal/atkinson-hyperlegible-next-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Atkinson Next;src:url(/fonts/hadal/atkinson-hyperlegible-next-latin-800-normal.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Michroma;src:url(/fonts/hadal/michroma-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}.acct{--hd-ink: #e2ecee;--hd-ink-2: #a3b8bf;--hd-ink-3: #7f98a2;--hd-amber: #f2a93b;--hd-amber-hi: #ffd08a;--hd-text: "Atkinson Next", "Atkinson Hyperlegible", system-ui, sans-serif;--hd-display: "Michroma", "Eurostile", sans-serif}.acct-top{gap:12px}.acct-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;background:var(--acct-deep);color:#fff;font:600 .95rem var(--acct-title);letter-spacing:.02em;white-space:nowrap}.acct-pill svg{width:16px;height:16px;fill:currentColor}.acct-world{display:flex;flex-direction:column}.acct-world-head h2{margin:4px 0 6px}.acct .acct-lead{margin:0 0 18px;color:var(--acct-ink-soft);font-size:1.05rem;line-height:1.45;max-width:46rem}.acct-world-grid{display:grid;grid-template-columns:minmax(280px,.85fr) 1.6fr;gap:24px;align-items:start}.acct-agebox{padding:22px;border-radius:28px;background:var(--acct-glass);border:1px solid var(--acct-glass-edge);box-shadow:var(--acct-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.acct-agebox h3{margin:0 0 12px;font:600 1.15rem var(--acct-title);color:var(--acct-deep)}.acct-ages{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.acct-age{min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 4px;border:0;border-radius:18px;background:#fff;color:var(--acct-deep);line-height:1.1;box-shadow:0 4px #cfe3e0,0 10px 18px -12px #04283080;transition:transform .15s ease,background .15s ease}.acct-age b{font:600 1.35rem var(--acct-title)}.acct-age small{font-size:.78rem;color:var(--acct-ink-soft)}.acct-age:hover{transform:translateY(-2px)}.acct-age:active{transform:translateY(2px);box-shadow:0 2px #cfe3e0}.acct-age[aria-pressed=true]{background:var(--acct-deep);color:#fff;box-shadow:0 4px #062e35}.acct-age[aria-pressed=true] small{color:#cde9e6}.acct .acct-advice{min-height:74px;margin:16px 0 0;padding:14px 16px;border-radius:18px;background:#fff8e2;border:1px dashed #e7c66a;font-size:1rem;line-height:1.4}.acct-advice b{color:var(--acct-deep)}.acct-advice.is-empty{background:#ffffff73;border-color:#0e4c5640;color:var(--acct-ink-soft)}.acct-agenote{display:flex;gap:8px;margin:14px 0 0;font-size:.92rem;line-height:1.4;color:var(--acct-ink-soft)}.acct-agenote svg{flex:none;width:18px;height:18px;margin-top:2px;fill:var(--acct-teal)}.acct-worlds{display:grid;grid-template-columns:1fr 1fr;gap:18px}.acct-wcard{position:relative;display:flex;flex-direction:column;padding:0;border:3px solid transparent;border-radius:26px;overflow:hidden;text-align:left;color:var(--acct-ink);background:#fff;box-shadow:var(--acct-shadow);transition:transform .2s ease,border-color .2s ease,opacity .2s ease}.acct-wcard:hover{transform:translateY(-3px)}.acct-wcard:active{transform:scale(.99)}.acct-wcard[aria-checked=true]{border-color:var(--acct-deep)}.acct-wcard.is-dim{opacity:.72}.acct-wcard.is-dim:hover,.acct-wcard.is-dim:focus-visible{opacity:1}.acct .acct-wcard:focus-visible{border-radius:26px}.acct-wcard-shot{position:relative;display:block;aspect-ratio:16 / 9;overflow:hidden;background:#0a2730}.acct-wcard-shot img{display:block;width:100%;height:100%;object-fit:cover}.acct-wcard--hadal .acct-wcard-shot{background:#01070c}.acct-wcard-rec{position:absolute;left:12px;top:12px;padding:6px 12px;border-radius:999px;background:var(--acct-sun);color:#3d2a00;font:650 .9rem var(--acct-title);box-shadow:0 6px 14px -6px #00000080;opacity:0;transform:scale(.6);transition:transform .25s cubic-bezier(.3,1.6,.5,1),opacity .2s ease}.acct-wcard.is-rec .acct-wcard-rec{opacity:1;transform:none}.acct-wcard-check{position:absolute;right:12px;top:12px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#ffffffe6;box-shadow:0 4px 10px -4px #00000080}.acct-wcard-check svg{width:20px;height:20px;fill:#fff;opacity:0}.acct-wcard[aria-checked=true] .acct-wcard-check{background:var(--acct-deep)}.acct-wcard[aria-checked=true] .acct-wcard-check svg{opacity:1}.acct-wcard-body{display:block;padding:14px 18px 18px}.acct-wcard-name{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.acct-wcard-name b{font:650 1.35rem var(--acct-title);color:var(--acct-deep)}.acct-wcard-range{flex:none;padding:3px 10px;border-radius:999px;background:#e3f3f1;color:var(--acct-deep);font-size:.88rem;font-weight:700}.acct-wcard-tag{display:block;margin:4px 0 10px;color:var(--acct-ink-soft);font-size:.98rem;line-height:1.35}.acct-wcard-traits{display:grid;gap:6px;font-size:.95rem;line-height:1.3}.acct-wcard-traits>span{display:flex;gap:8px;align-items:flex-start}.acct-wcard-traits i{flex:none;width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#eaf5f3}.acct-wcard-traits svg{width:14px;height:14px;fill:var(--acct-teal)}.acct-wcard--hadal .acct-wcard-traits i{background:#1b2a33}.acct-wcard--hadal .acct-wcard-traits svg{fill:var(--hd-amber)}.acct-world-foot{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;margin-top:16px}.acct .acct-same{display:flex;gap:12px;align-items:center;max-width:none;margin:0;padding:10px 16px;border-radius:18px;background:#ffffff8c;font-size:.95rem;line-height:1.35}.acct-same svg{flex:none;width:26px;height:26px;fill:var(--acct-teal)}.acct-next{border-radius:22px}.acct-next svg{width:22px;height:22px;fill:currentColor}.acct-btn.acct-next:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.8)}.acct.acct--hadal{color:var(--hd-ink);background:radial-gradient(900px 520px at 72% -12%,rgba(52,140,170,.42),transparent 66%),linear-gradient(180deg,#0f3a4f,#082636 38%,#031119 72%,#01070c)}.acct--hadal .acct-rays,.acct--hadal .acct-floor,.acct--hadal .acct-bubble{display:none}.acct--hadal .acct-round{color:var(--hd-ink);background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff24;-webkit-backdrop-filter:none;backdrop-filter:none}.acct--hadal .acct-round:hover{background:#ffffff1f}.acct--hadal :focus-visible{outline-color:var(--hd-amber)}.acct .acct-screen--pilot .acct-card--pilot{width:min(920px,100%);margin:auto;padding:clamp(20px,3.4vh,34px) clamp(20px,3vw,36px);text-align:left;color:var(--hd-ink);font-family:var(--hd-text);background:linear-gradient(180deg,#10242feb,#08151df0);border:1px solid rgba(150,205,215,.16);border-radius:18px;box-shadow:0 30px 80px -30px #000000d9,inset 0 1px #ffffff0d;-webkit-backdrop-filter:none;backdrop-filter:none}.acct .acct-card--pilot fieldset{gap:clamp(12px,2.2vh,20px)}.acct .acct-card--pilot h2{margin:0;font:800 clamp(1.8rem,3vw,2.4rem) / 1.1 var(--hd-text);letter-spacing:-.005em;color:#fff}.acct .acct-pilot-kicker{display:flex;align-items:center;gap:12px;max-width:none;margin:0;color:var(--hd-ink-2);font-size:.98rem}.acct-pilot-kicker b{margin-right:10px;font:400 .66rem/1 var(--hd-display);letter-spacing:.22em;color:var(--hd-amber)}.acct-orb{flex:none;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,#fff6df 0 10%,#ffcf7d 22%,#f2a93b 38%,rgba(242,169,59,.22) 58%,transparent 72%);box-shadow:0 0 0 4px #f2a93b14}.acct-pilot-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(18px,3vw,34px);align-items:start}.acct-pilot-col{display:flex;flex-direction:column;gap:clamp(12px,2.2vh,20px)}.acct-card--pilot .acct-choose{gap:8px}.acct-card--pilot .acct-field label,.acct-card--pilot .acct-choose-label{color:var(--hd-ink);font-weight:700;font-size:1rem}.acct-card--pilot .acct-hint,.acct-card--pilot .acct-field small{color:var(--hd-ink-3);font-size:.9rem;line-height:1.35}.acct-card--pilot .acct-field input{min-height:58px;border:1px solid rgba(150,205,215,.26);border-radius:12px;color:#fff;background:#00000052;font:700 1.35rem var(--hd-text)}.acct-card--pilot .acct-field input::placeholder{color:#5f7882;font-weight:400}.acct-card--pilot .acct-field input:focus{border-color:var(--hd-amber);box-shadow:0 0 0 4px #f2a93b33}.acct-psegs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.acct-pseg{min-height:56px;padding:6px 8px;border:0;border-radius:12px;color:var(--hd-ink);background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff24;font:800 1.08rem var(--hd-text);transition:background .15s ease,box-shadow .15s ease}.acct-pseg:hover{background:#ffffff17}.acct-pseg[aria-pressed=true]{color:var(--hd-amber-hi);background:#f2a93b24;box-shadow:inset 0 0 0 2px var(--hd-amber)}.acct-boats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.acct-boat{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px 12px;border:0;border-radius:14px;color:var(--hd-ink);background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff1f;font:700 1rem var(--hd-text);transition:transform .2s ease,box-shadow .2s ease}.acct-boat:hover{transform:translateY(-2px)}.acct-boat[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--hd-amber),0 0 26px -6px #f2a93b8c}.acct-boat[aria-pressed=true] .acct-boat-name{color:var(--hd-amber-hi)}.acct-boat-art{display:grid;place-items:center;width:min(78%,170px);aspect-ratio:1}.acct-boat-art svg{width:100%;height:100%;filter:drop-shadow(0 10px 14px rgba(0,0,0,.5))}.acct .acct-card--pilot .acct-btn--primary{align-self:flex-end;min-width:240px;min-height:60px;border-radius:12px;color:#1b1206;background:linear-gradient(180deg,#ffc46b,#f2a93b 55%,#d98c22);box-shadow:inset 0 0 0 1px #ffd69680,0 10px 30px -8px #f2a93b8c,0 2px #7a4a0e;font:800 1.2rem var(--hd-text)}.acct-card--pilot .acct-spinner{border-color:#1b120640;border-top-color:#1b1206}.acct-card--pilot .acct-error{background:#ec4d3d1f;border-color:#ec4d3d80;color:#ffb4a8}.acct-tile--hadal{color:var(--hd-ink);background:radial-gradient(120% 70% at 50% 0%,rgba(52,140,170,.35),transparent 70%),linear-gradient(180deg,#113548,#071a24);box-shadow:inset 0 1px #ffffff14,0 22px 50px -18px #041e28b3,0 6px 14px -6px #041e2866}.acct-tile--hadal .acct-tile-art{position:relative;background:#0a1820;box-shadow:0 12px 22px -10px #000000bf}.acct-tile--hadal .acct-tile-art>svg{width:100%;height:100%}.acct-tile-world{position:absolute;left:50%;bottom:-4px;transform:translate(-50%);padding:5px 6px 5px 10px;border-radius:6px;background:#01070c8c;box-shadow:inset 0 0 0 1px #f2a93b59;color:var(--hd-amber);font:400 clamp(.56rem,.9vw,.68rem) / 1 var(--hd-display);letter-spacing:.3em}.acct-tile--hadal .acct-tile-name{color:#fff}.acct-tile--hadal .acct-tile-shells{color:var(--hd-amber-hi);background:#ffffff12;box-shadow:inset 0 0 0 1px #f2a93b4d}.acct-tile--hadal.is-last{box-shadow:0 0 0 4px #f0c14de6,0 22px 50px -18px #041e28b3}@media(max-width:1100px){.acct-world-grid{gap:18px}.acct-worlds{gap:12px}.acct-wcard-traits{font-size:.88rem}.acct-wcard-tag{font-size:.92rem}.acct-wcard-body{padding:12px 14px 14px}.acct-next{padding-inline:20px;font-size:1.1rem}}@media(max-width:900px){.acct-world-grid{grid-template-columns:1fr}.acct-ages{grid-template-columns:repeat(9,1fr);gap:6px}.acct-age small{display:none}.acct-pilot-grid{grid-template-columns:1fr}}@media(max-width:640px){.acct-pill{display:none}.acct-worlds,.acct-world-foot{grid-template-columns:1fr}.acct-ages{grid-template-columns:repeat(5,1fr)}}@media(max-height:820px)and (min-width:901px){.acct-stage:has(.acct-screen--world,.acct-screen--pilot){padding-top:14px;padding-bottom:14px}.acct-screen--world .acct-top{margin-bottom:0}.acct-screen--world .acct-round{width:52px;height:52px}.acct-screen--world h2{font-size:clamp(1.7rem,1rem + 2.2vh,2.3rem)}.acct .acct-screen--world .acct-lead{margin-bottom:12px}.acct-agebox{padding:18px}.acct-age{min-height:56px}.acct .acct-advice{min-height:0;margin-top:12px;padding:10px 14px}.acct-agenote{margin-top:10px}.acct-wcard-tag{margin-bottom:8px}.acct-world-foot{margin-top:12px}.acct-screen--pilot .acct-top{margin-bottom:0}}@media(prefers-reduced-motion:reduce){.acct-wcard,.acct-age,.acct-boat{transition:none}}.hd-sub-strobe{animation:hd-strobe 2.4s steps(1) infinite}@keyframes hd-strobe{0%,8%{opacity:1}9%,to{opacity:.12}}.hd-si-stem{stroke:#bfefff;stroke-opacity:.5;stroke-width:1.2}.hd-si-tent{fill:none;stroke:#9fdfff;stroke-opacity:.28;stroke-width:.7}.hd-si-dots{fill:#bfefff;opacity:.5}.hd-si-bract{fill:#d7f6ff;fill-opacity:.1;stroke:#bfefff;stroke-opacity:.45;stroke-width:.8}.hd-si-gast{fill:#f2a93b;opacity:.6}.hd-si-node{fill:#e9fbff;opacity:.7}.hd-si-seg{transition:opacity .6s}.hd-art-siph.hd-lit-all .hd-si-stem{stroke:#bff4ff;stroke-opacity:.85}.hd-art-siph.hd-lit-all .hd-si-bract{fill:#8fe3ff;fill-opacity:.22;stroke:#c9f6ff;stroke-opacity:.85}.hd-art-siph.hd-lit-all .hd-si-tent{stroke:#8fe3ff;stroke-opacity:.45}.hd-art-siph.hd-lit-all .hd-si-node{fill:#e6fbff;opacity:1}.hd-hand{width:12.6rem;height:auto;display:block;overflow:visible}.hd-hand-palm{stroke:#62e0d96b;stroke-width:1.2}.hd-hand-contours path{fill:none;stroke:#62e0d917;stroke-width:1}.hd-hand-tendons path{fill:none;stroke:#62e0d921;stroke-width:1.4;stroke-linecap:round}.hd-hand-knuckles path{fill:none;stroke:#62e0d94d;stroke-width:1.1;stroke-linecap:round}.hd-hf-shape{fill:#081c22e0;stroke:#62e0d973;stroke-width:1.2;transition:fill .2s,stroke .2s,opacity .2s}.hd-hf-joints path{fill:none;stroke:#62e0d93d;stroke-width:.9;stroke-linecap:round}.hd-hf-nail{fill:#62e0d90d;stroke:#62e0d947;stroke-width:.9}.hd-hf-pad{fill:var(--fc);opacity:.5}.hd-hf-in{transition:transform .25s cubic-bezier(.2,.9,.3,1.3),opacity .2s}.hd-hand:has(.hd-hf.hd-on) .hd-hf:not(.hd-on) .hd-hf-in{opacity:.62}.hd-hf.hd-on .hd-hf-in{transform:translateY(-9px)}.hd-hf.hd-on .hd-hf-shape{fill:color-mix(in oklab,var(--fc) 34%,#061418);stroke:var(--fc);stroke-width:2.4;filter:drop-shadow(0 0 4px color-mix(in oklab,var(--fc) 70%,transparent))}.hd-hf.hd-on .hd-hf-pad{opacity:1;filter:drop-shadow(0 0 5px var(--fc)) drop-shadow(0 0 10px var(--fc))}.hd-hf.hd-on .hd-hf-joints path,.hd-hf.hd-on .hd-hf-nail{stroke:color-mix(in oklab,var(--fc) 70%,white)}.hd-hf.hd-on .hd-hf-nail{fill:color-mix(in oklab,var(--fc) 25%,transparent)}.hd-sub-patch{opacity:.96}.world-root,.world-beat{--w-display: var(--font-display, "Fredoka", "Baloo 2", "Nunito", ui-rounded, system-ui, sans-serif);--w-text: var(--font-text, "Andika", "Atkinson Hyperlegible", system-ui, sans-serif);--w-ink: #12303a;--w-ink-soft: #3d5d66;--w-paper: #fffaf0;--w-paper-2: #f6ecd6;--w-coral: #ff7657;--w-coral-deep: #d14d33;--w-gold: #ffd166;--w-gold-deep: #e0a12e;--w-teal: #1f9c94;--w-shadow: 0 18px 44px rgba(3, 26, 44, .32);font-family:var(--w-text);color:var(--w-ink);-webkit-tap-highlight-color:transparent}.world-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;overflow:hidden}.world-root *,.world-beat *{box-sizing:border-box}.world-root :focus-visible,.world-beat :focus-visible{outline:4px solid var(--w-gold);outline-offset:3px}.world-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.world-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:0 26px;border:0;border-radius:999px;font-family:var(--w-display);font-size:21px;font-weight:600;letter-spacing:.01em;cursor:pointer;background:#fff;color:var(--w-ink);box-shadow:0 5px #0a283c2e;transition:transform .12s ease,box-shadow .12s ease,filter .12s}.world-btn:hover{filter:brightness(1.04)}.world-btn:active{transform:translateY(4px);box-shadow:0 1px #0a283c2e}.world-btn svg{width:24px;height:24px}.world-btn kbd{font-family:var(--w-text);font-size:12px;font-weight:700;padding:3px 8px;border-radius:8px;background:#ffffff47;border-bottom:2px solid rgba(0,0,0,.15)}.world-btn.is-primary{background:linear-gradient(180deg,#ff8a6c,var(--w-coral));color:#fff;text-shadow:0 1px 0 rgba(120,30,10,.35);box-shadow:0 6px 0 var(--w-coral-deep),0 12px 22px #d14d3359}.world-btn.is-primary:active{box-shadow:0 2px 0 var(--w-coral-deep)}.world-btn.is-ghost{background:#ffffffdb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.world-icon-btn{display:inline-grid;place-items:center;width:58px;height:58px;border:0;border-radius:50%;background:#e8f6f3;color:var(--w-teal);font-size:22px;font-weight:700;cursor:pointer;box-shadow:0 4px #0a3c3c26}.world-icon-btn svg{width:28px;height:28px}.world-icon-btn:active{transform:translateY(3px);box-shadow:none}.world-pearl-icon{width:26px;height:26px;filter:drop-shadow(0 1px 1px rgba(60,40,110,.35))}.world-root .pearl-count{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 18px 0 12px;border-radius:999px;background:#fffaf0f0;box-shadow:0 6px 18px #031e3240;font-family:var(--w-display);font-size:24px;font-weight:700;color:#5a4597}.map-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(180deg,#c9f7f0,#4fc3d8 22%,#2b8ec7,#1f679a 62%,#134170 78%,#050f26);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.4) transparent}.map-scroll:after{content:"";display:block;height:150px}.map-canvas{position:relative;left:50%;width:clamp(620px,100%,1000px);transform:translate(-50%)}.map-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;overflow:visible}.map-layer{position:absolute;top:0;right:0;bottom:0;left:0}.map-path-shadow{fill:none;stroke:#041c3438;stroke-width:34;stroke-linecap:round}.map-path{fill:none;stroke:#ffffff8c;stroke-width:9;stroke-linecap:round;stroke-dasharray:1 24}.map-path-lit{fill:none;stroke:#fff2b8;stroke-width:10;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(255,220,120,.95))}.map-sway{transform-box:fill-box;transform-origin:50% 100%;animation:map-sway 6s ease-in-out infinite alternate}.map-sway.is-slow{animation-duration:9s}@keyframes map-sway{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.map-ray{animation:map-ray 9s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 0}@keyframes map-ray{0%{opacity:.18;transform:skew(-4deg)}to{opacity:.45;transform:skew(5deg)}}.map-twinkle{animation:map-twinkle 3s ease-in-out infinite}@keyframes map-twinkle{0%,to{opacity:.25}50%{opacity:1}}.map-drift{animation:map-drift 7s ease-in-out infinite}@keyframes map-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-26px)}}.map-boat{animation:map-boat 5s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 30%}@keyframes map-boat{0%,to{rotate:-2deg}50%{rotate:2deg}}.map-clam:not(.is-lit) .map-heart-glow{opacity:.12}.map-clam:not(.is-lit) .map-heart{fill:#9a93bd;animation:none}.map-heart{animation:map-heart 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes map-heart{0%,to{scale:1}50%{scale:1.08}}.map-bubbles{position:absolute;width:10px;height:10px;pointer-events:none}.map-bubbles i{position:absolute;bottom:0;width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,.7);background:radial-gradient(circle at 35% 30%,#ffffffe6 0,#ffffffe6 18%,#ffffff1f 22%);animation:map-bubble 7s linear infinite;animation-delay:var(--d, 0s);opacity:0}.map-bubbles i:nth-child(2){left:12px;width:7px;height:7px;animation-delay:calc(var(--d, 0s) - 2.3s)}.map-bubbles i:nth-child(3){left:-6px;width:13px;height:13px;animation-delay:calc(var(--d, 0s) - 4.6s)}@keyframes map-bubble{0%{transform:translate(0);opacity:0}10%{opacity:.9}50%{transform:translate(8px,-160px)}90%{opacity:.6}to{transform:translate(-4px,-320px);opacity:0}}.map-zone-label{position:absolute;left:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:2px;padding:10px 30px 12px;border-radius:26px;background:linear-gradient(180deg,#fffdf6,#f5e7c6);border:3px solid #fff;box-shadow:0 8px #785a282e,0 14px 30px #041e324d;text-align:center;pointer-events:none;z-index:2}.map-zone-label strong{font-family:var(--w-display);font-size:32px;line-height:1.05;font-weight:700;color:var(--w-teal)}.map-zone-label span{font-size:15px;font-weight:700;color:var(--w-ink-soft)}.map-zone-label.zone-riff strong{color:#e0556a}.map-zone-label.zone-sand strong{color:#a8692c}.map-zone-label.zone-tiefsee{background:linear-gradient(180deg,#1d3f73,#10264d);border-color:#6fd8ff;box-shadow:0 0 30px #6edcff73}.map-zone-label.zone-tiefsee strong{color:#9ff3ff;text-shadow:0 0 12px rgba(120,240,255,.7)}.map-zone-label.zone-tiefsee span{color:#c8dcff}.map-zone-label.is-secret{background:linear-gradient(180deg,#5b6f86,#3e5068);border-color:#fff6}.map-zone-label.is-secret strong,.map-zone-label.is-secret span{color:#fffc;text-shadow:none}.map-station{position:absolute;z-index:4;width:92px;height:92px;padding:0;border:0;background:none;transform:translate(-50%,-50%);cursor:pointer;display:grid;place-items:center;font:inherit;color:inherit;border-radius:50%}.map-station-shell{position:relative;display:grid;place-items:center;width:78px;height:78px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff 0,#fff 10%,#f7f2ff 28%,#d9cbf1 68%,#ab95d6);box-shadow:0 6px #3a286e47,0 12px 26px #031e3c61,inset 0 -8px 12px #6e50aa47;transition:transform .2s cubic-bezier(.3,1.6,.5,1)}.map-station-shell:after{content:"";position:absolute;left:18%;top:14%;width:30%;height:20%;border-radius:50%;background:#ffffffd9;transform:rotate(-24deg)}.map-station-num{position:relative;z-index:1;font-family:var(--w-display);font-size:32px;font-weight:700;color:#4d3b86}.map-station:hover .map-station-shell{transform:scale(1.08)}.map-station.is-done .map-station-shell{background:radial-gradient(circle at 34% 28%,#fffef4 0,#fffef4 10%,#ffeeb0 30%,#ffd166 64%,#e39a2c);box-shadow:0 6px #965a0a59,0 0 30px #ffd66ebf,inset 0 -8px 12px #be6e144d}.map-station.is-done .map-station-num{color:#8a4d0e}.map-station.is-next .map-station-shell:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:5px solid rgba(255,255,255,.95);box-shadow:0 0 22px #ffffffe6;animation:map-pulse 1.6s ease-out infinite}@keyframes map-pulse{0%{transform:scale(.9);opacity:1}to{transform:scale(1.45);opacity:0}}.map-station.is-next .map-station-shell{animation:map-breathe 1.6s ease-in-out infinite}@keyframes map-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.map-station.is-locked{cursor:not-allowed}.map-station.is-locked .map-station-shell{width:66px;height:66px;background:radial-gradient(circle at 34% 28%,#8ea2b4 0,#8ea2b4 8%,#61758a 40%,#3a4b5f);box-shadow:0 5px #00000040,inset 0 -6px 10px #0000004d}.map-station.is-locked .map-station-shell:after{opacity:.25}.map-station.is-locked .map-station-num{color:#ffffff8c;font-size:26px}.map-station.is-here .map-station-shell{outline:5px solid #fff;outline-offset:4px}.map-station.is-shake .map-station-shell{animation:map-shake .45s ease}@keyframes map-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px) rotate(-6deg)}40%{transform:translate(7px) rotate(5deg)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.map-stars{position:absolute;top:calc(100% - 8px);left:50%;transform:translate(-50%);display:flex;gap:1px;padding:3px 7px;border-radius:999px;background:#06283c6b}.map-stars i{display:block;width:19px;height:19px}.map-stars svg{width:100%;height:100%;fill:#ffffff59}.map-stars i.on svg{fill:var(--w-gold);stroke:#b27412;stroke-width:1.2;filter:drop-shadow(0 0 3px rgba(255,210,100,.8))}.map-station-title{position:absolute;top:calc(100% + 22px);left:50%;transform:translate(-50%);white-space:nowrap;padding:5px 14px;border-radius:999px;background:#fffaf0f2;font-family:var(--w-display);font-size:16px;font-weight:600;color:var(--w-ink);box-shadow:0 6px 14px #031e3240;opacity:0;pointer-events:none;transition:opacity .2s}.map-station:hover .map-station-title,.map-station:focus-visible .map-station-title,.map-station.is-here .map-station-title{opacity:1}.map-creature{position:absolute;z-index:3;width:128px;padding:0;border:0;background:none;transform:translate(-50%,-50%)}.map-creature svg{display:block;width:100%;height:auto;overflow:visible}.map-creature.is-flipped svg{transform:scaleX(-1)}.map-creature.is-awake{cursor:pointer;filter:drop-shadow(0 8px 14px rgba(3,30,50,.3));animation:map-bob 3.4s ease-in-out infinite;animation-delay:var(--d, 0s)}.map-creature.is-awake:hover{filter:drop-shadow(0 0 16px rgba(255,255,255,.8))}.map-creature.is-asleep{opacity:.6;pointer-events:none}.map-creature.is-asleep svg{filter:brightness(.12) saturate(0);opacity:.75}.map-creature.is-hop{animation:map-hop .6s cubic-bezier(.3,1.6,.5,1)}@keyframes map-hop{0%{transform:translate(-50%,-50%) scale(1)}40%{transform:translate(-50%,-78%) scale(1.12,.92)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes map-bob{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-60%)}}.map-zzz{position:absolute;right:8%;top:-8%;font-family:var(--w-display);font-weight:700;color:#fffffff2}.map-zzz i{position:absolute;font-style:normal;animation:map-zzz 3s ease-in-out infinite;opacity:0}.map-zzz i:nth-child(1){font-size:16px}.map-zzz i:nth-child(2){font-size:21px;animation-delay:1s}.map-zzz i:nth-child(3){font-size:26px;animation-delay:2s}@keyframes map-zzz{0%{transform:translate(0);opacity:0}20%{opacity:1}to{transform:translate(18px,-40px);opacity:0}}.map-place{position:absolute;z-index:4;display:grid;justify-items:center;gap:6px;padding:0;border:0;background:none;transform:translate(-50%,-50%);cursor:pointer;font:inherit}.map-place-icon{display:grid;place-items:center;width:100px;height:100px;padding:10px;border-radius:34px;background:radial-gradient(circle at 40% 30%,#fff,#e2f8f4);border:4px solid #fff;box-shadow:0 7px #145a6440,0 16px 30px #031e324d;transition:transform .2s cubic-bezier(.3,1.6,.5,1)}.map-place-icon svg{width:100%;height:100%}.map-place:hover .map-place-icon{transform:translateY(-4px) rotate(-3deg)}.map-place-label{padding:4px 14px;border-radius:999px;background:var(--w-paper);font-family:var(--w-display);font-size:17px;font-weight:700;color:var(--w-ink);box-shadow:0 4px 10px #031e3233}.map-fog{position:absolute;left:-40%;right:-40%;z-index:6;pointer-events:auto;background:radial-gradient(ellipse 30% 90px at 20% 40px,rgba(190,210,230,.55),transparent 70%),radial-gradient(ellipse 34% 110px at 70% 70px,rgba(190,210,230,.5),transparent 70%),linear-gradient(180deg,#283e5c00 0,#243a58e0 150px,#142440f7 420px,#0a162cfc)}.map-fog:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 22% 160px at 30% 300px,rgba(200,220,240,.12),transparent 70%),radial-gradient(ellipse 26% 200px at 65% 620px,rgba(200,220,240,.1),transparent 70%),radial-gradient(ellipse 22% 160px at 45% 1000px,rgba(200,220,240,.1),transparent 70%);animation:map-fog 14s ease-in-out infinite alternate}@keyframes map-fog{0%{transform:translate(-3%)}to{transform:translate(3%)}}.map-fog-sign{position:sticky;top:40%;margin:230px auto 0;width:min(330px,70vw);display:grid;justify-items:center;gap:4px;padding:20px 24px;border-radius:28px;background:#ffffff1f;border:2px dashed rgba(255,255,255,.45);color:#fff;text-align:center}.map-fog-q{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:#ffffff29;font-family:var(--w-display);font-size:44px;font-weight:700;animation:map-breathe 2.8s ease-in-out infinite}.map-fog-sign strong{font-family:var(--w-display);font-size:28px}.map-fog-sign small{font-size:16px;opacity:.85}.map-avatar{position:absolute;z-index:7;width:112px;height:112px;transform:translate(-50%,-122%);pointer-events:none}.map-avatar-light{position:absolute;top:-90px;right:-90px;bottom:-90px;left:-90px;border-radius:50%;background:radial-gradient(circle,#fff6cd6b,#fff6cd00 62%)}.map-avatar-bob{position:relative;width:100%;height:100%;animation:map-float 2.8s ease-in-out infinite}.map-avatar.is-swimming .map-avatar-bob{animation:map-swim .55s ease-in-out infinite}.map-avatar-flip{width:100%;height:100%;transition:transform .25s ease}.map-avatar-flip.is-left{transform:scaleX(-1)}.map-avatar-flip svg{width:100%;height:100%;display:block;filter:drop-shadow(0 10px 12px rgba(3,30,50,.35));overflow:visible}.map-luma{position:absolute;right:-46px;top:-6px;width:58px;animation:map-luma 3.4s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,220,120,.95))}.map-luma svg{width:100%;height:auto;display:block}@keyframes map-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}@keyframes map-swim{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-5px) rotate(6deg)}}@keyframes map-luma{0%,to{transform:translate(0)}33%{transform:translate(8px,-12px)}66%{transform:translate(-6px,6px)}}.map-hud{position:absolute;top:12px;left:12px;right:12px;z-index:20;display:flex;align-items:center;gap:12px;pointer-events:none}.map-hud>*{pointer-events:auto}.map-hud-who{display:inline-flex;align-items:center;gap:8px;min-height:56px;padding:4px 18px 4px 6px;border-radius:999px;background:#fffaf0f0;box-shadow:0 6px 18px #031e3240}.map-hud-avatar{width:48px;height:48px;border-radius:50%;background:#d8f3ef;overflow:hidden;display:grid;place-items:center}.map-hud-avatar svg{width:112%;height:112%}.map-hud-name{font-family:var(--w-display);font-size:21px;font-weight:700}.map-hud-luma{display:inline-flex;align-items:center;gap:6px;max-width:460px;min-height:56px;padding:4px 18px 4px 4px;border:0;border-radius:999px;background:#103450b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font:inherit;text-align:left;cursor:pointer;box-shadow:0 6px 18px #031e3240}.map-hud-luma>svg{width:56px;flex:none;filter:drop-shadow(0 0 8px rgba(255,220,120,.9))}.map-hud-hint{font-size:15px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.map-hud-right{margin-left:auto;display:flex;align-items:center;gap:10px}.map-hud-chest{position:relative;width:62px;height:62px;padding:8px;border:0;border-radius:22px;background:#fffaf0f0;box-shadow:0 6px 18px #031e3240;cursor:pointer}.map-hud-chest svg{width:100%;height:100%}.map-hud-badge{position:absolute;right:-6px;bottom:-6px;padding:2px 7px;border-radius:999px;background:var(--w-coral);color:#fff;font-family:var(--w-display);font-size:14px;font-weight:700;border:2px solid #fff}.map-card{position:absolute;right:20px;bottom:20px;z-index:20;width:min(460px,calc(100% - 40px));display:grid;grid-template-columns:100px 1fr;gap:6px 16px;padding:16px 18px 18px;border-radius:30px;background:linear-gradient(180deg,#fffdf7,var(--w-paper));border:4px solid #fff;box-shadow:var(--w-shadow);animation:map-card-in .35s cubic-bezier(.3,1.4,.5,1)}.map-card:empty{display:none}@keyframes map-card-in{0%{transform:translateY(16px) scale(.97);opacity:0}to{transform:none;opacity:1}}.map-card-portrait{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,#e6fbf8,#9fe3dd);border:4px solid #fff;box-shadow:inset 0 -6px 12px #00505a26;overflow:hidden}.map-card.zone-riff .map-card-portrait{background:radial-gradient(circle at 40% 35%,#ffeef0,#ffb9c3)}.map-card.zone-sand .map-card-portrait{background:radial-gradient(circle at 40% 35%,#fff4dc,#f0cf95)}.map-card.zone-tiefsee .map-card-portrait{background:radial-gradient(circle at 40% 35%,#33558f,#0f2449)}.map-card-portrait svg{width:96%;height:auto}.map-card-portrait.is-asleep svg{filter:brightness(.15) saturate(0);opacity:.6}.map-card-body{min-width:0}.map-card-kicker{margin:2px 0 0;font-size:14px;font-weight:700;color:var(--w-teal);letter-spacing:.02em}.map-card-title{margin:0;font-family:var(--w-display);font-size:28px;line-height:1.1;font-weight:700;color:var(--w-ink)}.map-card-keys{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 4px}.map-card-new{font-weight:700;color:var(--w-ink-soft)}.map-card-topic{font-weight:700;color:var(--w-ink);padding:4px 12px;border-radius:999px;background:#e8f6f3}.map-card-game{margin-left:auto;font-size:13px;font-weight:700;padding:4px 10px;border-radius:999px;background:#fff0d1;color:#9a5d12}.map-key{display:inline-grid;place-items:center;min-width:42px;height:42px;padding:0 8px;border-radius:10px;background:linear-gradient(180deg,#fff,#eef2f4);border:2px solid #cfd9de;border-bottom-width:5px;font-family:var(--w-display);font-size:24px;font-weight:700;color:var(--w-ink)}.map-card-stars{display:flex;gap:2px}.map-card-stars i{width:26px;height:26px}.map-card-stars svg{width:100%;height:100%;fill:#dfe5e8}.map-card-stars i.on svg{fill:var(--w-gold);stroke:#b27412;stroke-width:1.2}.map-card-actions{grid-column:1 / -1;display:flex;gap:10px;align-items:center;margin-top:6px}.map-card-actions .world-btn{flex:1}.map-dock{position:absolute;left:20px;bottom:20px;z-index:20;display:flex;gap:10px;padding:10px;border-radius:30px;background:#ffffff3d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #031e3240}.map-dock-btn{display:grid;justify-items:center;align-content:center;gap:4px;width:96px;min-height:96px;padding:8px 6px;border:0;border-radius:24px;background:var(--w-paper);box-shadow:0 5px #0a283c2e;font-family:var(--w-display);font-size:14px;font-weight:700;line-height:1.1;color:var(--w-ink);text-align:center;cursor:pointer;transition:transform .15s cubic-bezier(.3,1.6,.5,1)}.map-dock-btn svg{width:50px;height:50px}.map-dock-btn:hover{transform:translateY(-3px)}.map-dock-btn:active{transform:translateY(3px);box-shadow:0 1px #0a283c2e}.map-dock-btn.is-locked{background:#fffaf099;color:var(--w-ink-soft)}.map-dock-btn.is-locked svg{filter:grayscale(1);opacity:.55}.map-quests{position:absolute;top:84px;right:12px;z-index:30;width:min(400px,calc(100% - 24px));padding:18px;border-radius:28px;background:var(--w-paper);border:4px solid #fff;box-shadow:var(--w-shadow);animation:map-card-in .3s ease}.map-quests[hidden]{display:none}.map-quests-head{display:grid;grid-template-columns:60px 1fr auto;gap:12px;align-items:center}.map-quests-head>svg{width:60px;height:60px}.map-quests h3{margin:0;font-family:var(--w-display);font-size:26px}.map-quests p{margin:0;color:var(--w-ink-soft);font-weight:700}.map-quests ul{list-style:none;margin:14px 0;padding:0;display:grid;gap:8px}.map-quests li{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:18px;background:#fff;font-size:18px;font-weight:700}.map-quest-check{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:3px solid #cfe2e2;color:#fff;font-size:20px}.map-quests li.is-done{background:#e9f8ee}.map-quests li.is-done .map-quest-check{background:#3cbf7a;border-color:#3cbf7a}.map-quests li.is-done .map-quest-label{color:var(--w-ink-soft);text-decoration:line-through;text-decoration-thickness:2px}.map-quest-reward{display:inline-flex;align-items:center;gap:2px;font-family:var(--w-display);color:#5a4597}.map-quest-reward .world-pearl-icon{width:22px;height:22px}.map-quests .world-btn{width:100%}@media(max-width:900px){.map-card{left:12px;right:12px;bottom:116px;width:auto;grid-template-columns:64px 1fr;gap:2px 12px;padding:10px 12px 12px;border-radius:24px}.map-card-portrait{width:64px;height:64px;border-width:3px}.map-card-title{font-size:22px}.map-card-keys{margin:4px 0 2px}.map-key{min-width:36px;height:36px;font-size:20px}.map-card-stars i{width:20px;height:20px}.map-card-actions .world-btn{min-height:52px;font-size:19px}.map-card-actions .world-icon-btn{width:52px;height:52px}.map-dock{left:50%;bottom:10px;transform:translate(-50%);padding:8px;gap:8px}.map-dock-btn{width:78px;min-height:86px;font-size:12.5px}.map-dock-btn svg{width:40px;height:40px}.map-hud-hint{display:none}.map-hud-luma{padding-right:4px}}@media(max-width:560px){.map-card-game,.map-hud-name{display:none}.map-hud-who{padding-right:6px}}.world-beat{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;align-items:end;overflow:hidden}.beat-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 70% at 30% 85%,#14466e73,#031022db);animation:beat-fade .35s ease both}.beat-glow{position:absolute;left:4%;bottom:0;width:46vw;height:46vw;max-width:620px;max-height:620px;border-radius:50%;background:radial-gradient(circle,#ffecaa80,#ffecaa00 62%);animation:beat-fade .6s ease both}.beat-stage{position:relative;display:grid;grid-template-columns:minmax(200px,36%) 1fr;align-items:end;gap:0 18px;width:100%;max-width:1240px;margin:0 auto;padding:0 4vw 6vh}.beat-actor{align-self:end;animation:beat-actor-in .6s cubic-bezier(.3,1.4,.5,1) both}.beat-actor svg{display:block;width:100%;max-width:420px;height:auto;margin:0 auto;filter:drop-shadow(0 24px 30px rgba(0,0,0,.4));overflow:visible}.beat-actor.is-talking svg{animation:beat-talk .5s ease}@keyframes beat-actor-in{0%{transform:translateY(60px) scale(.85);opacity:0}to{transform:none;opacity:1}}@keyframes beat-talk{0%,to{transform:none}40%{transform:translateY(-10px) scale(1.03,.98)}}.beat-bubble{position:relative;margin-bottom:8vh;padding:26px 32px 22px;border-radius:38px;background:var(--w-paper);border:5px solid #fff;box-shadow:0 26px 60px #000a1e73;animation:beat-bubble-in .45s .1s cubic-bezier(.3,1.4,.5,1) both}.beat-bubble:before{content:"";position:absolute;left:-30px;bottom:40px;width:54px;height:46px;background:var(--w-paper);clip-path:polygon(100% 0,0 70%,100% 100%)}@keyframes beat-bubble-in{0%{transform:scale(.8) translateY(20px);opacity:0}to{transform:none;opacity:1}}.beat-name{margin:0 0 6px;font-family:var(--w-display);font-size:22px;font-weight:700;color:var(--w-coral)}.beat-text{margin:0;min-height:2.7em;font-size:clamp(24px,3vw,38px);line-height:1.32;font-weight:700;color:var(--w-ink)}.beat-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.beat-dots{display:flex;gap:8px}.beat-dots i{width:12px;height:12px;border-radius:50%;background:#e0d7c4;transition:background .2s,transform .2s}.beat-dots i.on{background:var(--w-coral)}.beat-next{background:linear-gradient(180deg,#ff8a6c,var(--w-coral));color:#fff;box-shadow:0 6px 0 var(--w-coral-deep),0 12px 22px #d14d3359;opacity:.6;transition:opacity .2s}.world-beat.is-ready .beat-next{opacity:1;animation:beat-nudge 1.4s ease-in-out infinite}@keyframes beat-nudge{0%,to{transform:translate(0)}50%{transform:translate(6px)}}.beat-skip{position:absolute;top:18px;right:18px;min-height:52px;font-size:18px}.world-beat.is-leaving{animation:beat-fade .26s ease reverse both}@keyframes beat-fade{0%{opacity:0}to{opacity:1}}.world-beat.speaker-luma .beat-actor svg{filter:drop-shadow(0 0 40px rgba(255,220,120,.8)) drop-shadow(0 24px 30px rgba(0,0,0,.35))}@media(max-width:760px){.beat-stage{grid-template-columns:1fr;padding:0 16px 16px}.beat-actor svg{max-width:220px}.beat-bubble{margin-bottom:0;padding:20px 22px 18px}.beat-bubble:before{left:50%;top:-28px;bottom:auto;transform:translate(-50%);width:46px;height:32px;clip-path:polygon(50% 0,0 100%,100% 100%)}.beat-glow{width:90vw;height:90vw;left:5%;bottom:30%}}.world-home{display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 0%,#1b7aa6,#0b3b5c 70%)}.home-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}.home-back span[aria-hidden]{font-size:26px;line-height:1}.home-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:16px;padding:0 16px 16px}.home-stage-wrap{min-height:0;min-width:0;display:grid;place-items:center;container-type:size}.home-stage{position:relative;width:min(100cqw,160cqh);aspect-ratio:16 / 10;border-radius:34px;overflow:hidden;border:5px solid rgba(255,255,255,.7);box-shadow:0 24px 60px #000a1e73,inset 0 0 60px #001e3c4d;touch-action:none;-webkit-user-select:none;user-select:none}.home-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.home-rays path{animation:map-ray 8s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 0}.home-rays path:nth-child(2n){animation-duration:11s}.home-sign{position:absolute;left:4%;top:49%;z-index:1;pointer-events:none;display:grid;justify-items:center}.home-sign span{display:block;padding:.3em .9em .35em;border-radius:16px;background:linear-gradient(180deg,#d39a5e,#a96d3a);border:4px solid #7a4a25;color:#fff8e6;font-family:var(--w-display);font-size:clamp(16px,2.4cqw,34px);font-weight:700;white-space:nowrap;text-shadow:0 2px 0 rgba(80,40,10,.5);transform:rotate(-4deg);box-shadow:0 8px 18px #00000040}.home-sign:after{content:"";width:14px;height:9cqh;background:linear-gradient(90deg,#8a5a30,#6b4222);border-radius:0 0 6px 6px}.home-decor-layer,.home-swim-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.home-decor-layer>*,.home-swim-layer>*{pointer-events:auto}.home-decor{position:absolute;width:14%;aspect-ratio:1;padding:0;border:0;background:none;transform:translate(-50%,-100%);cursor:grab;touch-action:none;border-radius:20px;transition:filter .15s}.home-decor svg{width:100%;height:100%;display:block;overflow:visible;filter:drop-shadow(0 8px 6px rgba(0,30,50,.3));pointer-events:none}.home-decor:hover{filter:brightness(1.06)}.home-decor.is-selected{outline:4px dashed rgba(255,255,255,.95);outline-offset:4px}.home-decor.is-dragging{cursor:grabbing;z-index:1900!important;filter:drop-shadow(0 18px 14px rgba(0,20,40,.35));scale:1.08}.home-decor-tools{position:absolute;z-index:2000;transform:translate(-50%,10px);min-height:48px;padding:0 18px;border:3px solid #fff;border-radius:999px;background:var(--w-coral);color:#fff;font-family:var(--w-display);font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 6px 14px #00000040;white-space:nowrap}.home-swimmer{position:absolute;z-index:1500;width:12%;padding:0;border:0;background:none;transform:translate(-50%,-50%);cursor:pointer;filter:drop-shadow(0 10px 10px rgba(0,30,50,.28))}.home-swimmer-flip{display:block;transition:transform .4s ease}.home-swimmer.is-left .home-swimmer-flip{transform:scaleX(-1)}.home-swimmer svg{display:block;width:100%;height:auto;overflow:visible}.home-swimmer.is-hop{animation:map-hop .6s cubic-bezier(.3,1.6,.5,1)}.home-bubble{position:absolute;z-index:2500;max-width:46%;padding:12px 18px;border-radius:22px;background:var(--w-paper);border:3px solid #fff;font-size:clamp(15px,1.7cqw,22px);font-weight:700;line-height:1.25;box-shadow:0 10px 24px #0014284d;transform:translate(-50%,calc(-100% - 7cqh));pointer-events:none;animation:map-card-in .25s ease}.home-bubble[hidden]{display:none}.home-empty-hint{position:absolute;z-index:2400;left:50%;top:30%;margin:0;transform:translate(-50%);padding:12px 22px;border-radius:999px;background:#fffaf0f2;box-shadow:0 8px 20px #00142840;font-size:clamp(15px,1.7cqw,21px);font-weight:700;white-space:nowrap;pointer-events:none}.home-empty-hint[hidden]{display:none}.home-panel{display:flex;flex-direction:column;min-height:0;padding:14px;border-radius:30px;background:var(--w-paper);border:4px solid #fff;box-shadow:var(--w-shadow)}.home-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:999px;background:var(--w-paper-2)}.home-tab{min-height:50px;border:0;border-radius:999px;background:transparent;font-family:var(--w-display);font-size:18px;font-weight:700;color:var(--w-ink-soft);cursor:pointer}.home-tab[aria-selected=true]{background:#fff;color:var(--w-ink);box-shadow:0 3px 8px #0000001f}.home-panel-body{flex:1;min-height:0;overflow-y:auto;margin-top:12px;padding-right:2px}.home-panel-hint{margin:4px 4px 10px;font-weight:700;color:var(--w-ink-soft)}.home-shop{list-style:none;margin:0;padding:0;display:grid;gap:8px}.home-shop-item{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:10px;padding:8px;border-radius:20px;background:#fff}.home-shop-look{width:72px;height:72px;padding:6px;border:0;border-radius:16px;background:radial-gradient(circle at 50% 35%,#e9fbf8,#bfeae4);cursor:pointer}.home-shop-look svg{width:100%;height:100%;display:block}.home-shop-info{display:grid;gap:2px;min-width:0}.home-shop-info strong{font-family:var(--w-display);font-size:17px;line-height:1.15}.home-shop-info small{font-size:13px;font-weight:700;color:var(--w-teal)}.home-buy{display:grid;justify-items:center;gap:0;min-width:88px;min-height:58px;padding:4px 10px;border:0;border-radius:18px;background:linear-gradient(180deg,#ff8a6c,var(--w-coral));color:#fff;font-family:var(--w-display);font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 0 var(--w-coral-deep)}.home-buy span:first-child{display:inline-flex;align-items:center;gap:3px;font-size:18px}.home-buy .world-pearl-icon{width:20px;height:20px}.home-buy:active{transform:translateY(3px);box-shadow:0 1px 0 var(--w-coral-deep)}.home-buy.is-locked{background:#e7e2d7;color:#7b7466;box-shadow:0 4px #cfc7b6;cursor:not-allowed}.home-shop-item.is-dim .home-shop-look svg{filter:saturate(.4);opacity:.7}.home-box{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.home-box-item{position:relative;display:grid;justify-items:center;gap:4px;width:100%;padding:8px 6px 10px;border:0;border-radius:20px;background:#fff;font-family:var(--w-display);font-size:14px;font-weight:700;color:var(--w-ink);cursor:pointer;box-shadow:0 4px #00000014}.home-box-item svg{width:64px;height:64px}.home-box-item b{position:absolute;top:6px;right:8px;padding:1px 7px;border-radius:999px;background:var(--w-coral);color:#fff;font-size:13px}@media(max-width:900px){.home-main{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.home-panel{max-height:36vh;padding:10px}.home-tab{min-height:44px}.home-shop{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.home-shop-item{grid-template-columns:56px 1fr auto;padding:6px}.home-shop-look{width:56px;height:56px}}.world-root.is-calm *,.world-root.is-calm *:before,.world-root.is-calm *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}@media(prefers-reduced-motion:reduce){.world-root *,.world-root *:before,.world-root *:after,.world-beat *,.world-beat *:before,.world-beat *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.map-station-gate{position:absolute;top:-6px;right:-6px;z-index:2;display:inline-flex;align-items:center;gap:1px;padding:2px 7px 2px 8px;border-radius:999px;background:var(--w-coral);color:#fff;font-family:var(--w-display);font-size:16px;font-weight:700;line-height:1;box-shadow:0 3px 0 var(--w-coral-deep),0 4px 10px #031e3c4d}.map-station-gate svg{width:15px;height:15px;fill:var(--w-gold)}.map-card-gate{display:flex;align-items:center;gap:6px;margin:6px 0 0;font-size:15px;font-weight:700;color:var(--w-coral-deep)}.map-card-gate svg{flex:none;width:20px;height:20px;fill:var(--w-gold);stroke:#b27412;stroke-width:1.2}.brief-keys-label{flex-basis:100%;margin-bottom:-4px;font-weight:700;color:var(--ink-soft, #3d5d66)}.brief-gate{margin:8px 0 0;font-size:.95em;font-weight:700;color:#c2452e}.result-gate{margin:4px 0 0;font-weight:700;color:#c2452e;font-size:1.1rem}