.ocean.svelte-s7oibw{position:relative;border-radius:var(--r-xl);overflow:hidden;min-block-size:360px;isolation:isolate;background:linear-gradient(180deg,var(--sea-top),var(--sea-bottom));box-shadow:var(--shadow-lg);border:1px solid color-mix(in oklab,var(--sea-top) 50%,transparent)}.ocean.compact.svelte-s7oibw{min-block-size:220px;border-radius:var(--r-lg)}.scene.svelte-s7oibw{position:absolute;top:0;right:0;bottom:0;left:0}canvas.svelte-s7oibw{display:block;inline-size:100%;block-size:100%;opacity:0;transition:opacity .8s;cursor:pointer;touch-action:pan-y}canvas.ready.svelte-s7oibw{opacity:1}canvas.svelte-s7oibw:focus-visible{outline:3px solid #fff;outline-offset:-6px;border-radius:var(--r-xl)}.shine.svelte-s7oibw{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 80% at 50% -20%,rgb(255 255 255 / .18),transparent 55%),linear-gradient(0deg,rgb(2 12 26 / .45),transparent 35%)}.fallback.svelte-s7oibw{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;gap:.5rem;color:#eaf7ff;padding:2rem}.fallback.svelte-s7oibw span:where(.svelte-s7oibw){font-size:3rem}.hud.svelte-s7oibw{position:absolute;inset-inline:0;display:flex;justify-content:space-between;align-items:flex-end;gap:.75rem;padding:1rem;pointer-events:none;color:#f2fbff}.compact.svelte-s7oibw .hud:where(.svelte-s7oibw){padding:.65rem}.top.svelte-s7oibw{inset-block-start:0;align-items:flex-start}.bottom.svelte-s7oibw{inset-block-end:0}.badge.svelte-s7oibw{display:flex;align-items:center;gap:.6rem;padding:.35rem .85rem .35rem .35rem;border-radius:99px;background:#0414266b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .18)}[dir=rtl] .badge.svelte-s7oibw{padding:.35rem .35rem .35rem .85rem}.lvl.svelte-s7oibw{inline-size:2.2rem;block-size:2.2rem;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;background:linear-gradient(135deg,#ffc94d,var(--lavender));color:#241032}.who.svelte-s7oibw{display:grid;line-height:1.2}.who.svelte-s7oibw .k:where(.svelte-s7oibw){font-size:.72rem;opacity:.85}.who.svelte-s7oibw strong:where(.svelte-s7oibw){font-family:var(--font-display);font-size:1.02rem;font-weight:600}.compact.svelte-s7oibw .who:where(.svelte-s7oibw) .k:where(.svelte-s7oibw){display:none}.xp.svelte-s7oibw{padding:.35rem .75rem;border-radius:99px;background:#0414266b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:700;font-size:.85rem;border:1px solid rgb(255 255 255 / .18)}.grow.svelte-s7oibw{flex:1 1 14rem;min-width:0}.bar.svelte-s7oibw{block-size:.6rem;border-radius:99px;background:#ffffff38;overflow:hidden}.bar.svelte-s7oibw span:where(.svelte-s7oibw){display:block;block-size:100%;border-radius:inherit;background:linear-gradient(90deg,#ffc94d,var(--lavender));box-shadow:0 0 12px #ffc94d;transition:inline-size 1s var(--ease-spring)}[dir=rtl] .bar.svelte-s7oibw span:where(.svelte-s7oibw){background:linear-gradient(-90deg,#ffc94d,var(--lavender))}.next.svelte-s7oibw{font-size:.85rem;margin-block-start:.4rem;text-shadow:0 1px 6px rgb(0 0 0 / .4)}@media(max-width:640px){.ocean.svelte-s7oibw:not(.compact){min-block-size:320px;border-radius:var(--r-lg)}.hud.svelte-s7oibw{padding:.75rem}}.stars.svelte-2wwmhl{display:inline-flex;gap:.1rem}svg.svelte-2wwmhl path:where(.svelte-2wwmhl){fill:var(--track);stroke:var(--line-strong);stroke-width:1.2;stroke-linejoin:round}svg.on.svelte-2wwmhl path:where(.svelte-2wwmhl){fill:#ffc94d;stroke:#e9a21a}.pop.svelte-2wwmhl svg.on:where(.svelte-2wwmhl){animation:svelte-2wwmhl-star .6s var(--ease-spring) both}@keyframes svelte-2wwmhl-star{0%{transform:scale(0) rotate(-40deg);opacity:0}}