.reef{position:fixed;inset:0;z-index:0;overflow:hidden;background:var(--sea-gradient);pointer-events:none}.reef__surface-glow{position:absolute;left:-20%;top:-10%;width:140%;height:70%;background:radial-gradient(ellipse at top,rgba(92,242,227,.16),transparent 65%)}.reef__circle{position:absolute;border:2px solid rgba(221,247,255,.35);border-radius:50%}.reef__seabed{position:absolute;left:0;bottom:0;width:100%;height:clamp(90px,20vh,154px)}.jellyfish{position:relative;display:block;flex:none}.jellyfish__svg{width:100%;height:100%;overflow:visible}.jellyfish.is-lit .jellyfish__svg{filter:drop-shadow(0 0 7px currentColor) drop-shadow(0 0 20px currentColor)}.jellyfish:not(.is-lit){opacity:.6}.jellyfish__letter{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:center;font-family:var(--font-letter);font-weight:700;line-height:1;pointer-events:none}.language-picker{display:flex;flex-direction:column;gap:8px}.language-picker__heading{margin:0;font-family:var(--font-text);font-weight:700;font-size:clamp(16px,2.2vmin,19px)}.language-picker__options{display:flex;gap:var(--target-gap);flex-wrap:wrap}.language-picker__option{display:inline-flex;align-items:center;gap:10px;min-height:var(--target-min);padding:0 18px;font-family:var(--font-text);font-weight:700;font-size:clamp(16px,2.2vmin,18px);color:var(--foam);background:var(--ui);border:var(--outline) solid var(--track);border-radius:var(--radius-band);box-shadow:0 0 14px color-mix(in srgb,var(--track) 40%,transparent)}.language-picker__option.is-en{--track: var(--track-en)}.language-picker__option.is-fi{--track: var(--track-fi)}.language-picker__flag{display:grid;place-items:center;width:30px;height:18px}.language-picker__flag svg{width:100%;height:100%}.language-picker__option:active{transform:scale(.95)}.round-button{display:inline-flex;align-items:center;gap:8px;min-height:var(--target-min);padding:0 20px;font-family:var(--font-text);font-weight:700;font-size:clamp(16px,2.2vmin,18px);color:var(--foam);background:var(--ui);border:var(--outline) solid var(--glow-cyan);border-radius:var(--radius-band)}.round-button.is-quiet{border-color:#5cf2e373}.round-button__icon{display:grid;place-items:center;width:22px;height:22px}.round-button__icon svg{width:100%;height:100%}.round-button:active{transform:scale(.95)}.sticker-shelf{display:flex;gap:12px;margin:0;padding:10px 18px;list-style:none;background:var(--ui);border:var(--outline) solid var(--glow-cyan);border-radius:var(--radius-shelf)}.sticker-shelf__slot{width:clamp(34px,7vmin,58px);height:clamp(34px,7vmin,58px);border:2.5px dashed var(--foam);border-radius:50%;opacity:.5}.subject-bubble{display:flex;flex-direction:column;align-items:center;gap:10px;padding:0;background:none;border:0;color:var(--foam)}.subject-bubble__disc{display:grid;place-items:center;width:clamp(var(--target-min),15vmin,104px);height:clamp(var(--target-min),15vmin,104px);border-radius:50%;border:var(--outline) solid var(--glow-cyan);background:var(--bubble-fill);box-shadow:var(--bubble-shadow)}.subject-bubble__disc svg{width:52%;height:52%}.subject-bubble__label{font-family:var(--font-text);font-weight:700;font-size:clamp(16px,2.4vmin,19px)}.subject-bubble:active .subject-bubble__disc{transform:scale(.95)}.home{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px;height:100%;padding:max(16px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.home__top{display:flex;justify-content:flex-end;flex:none}.home__body{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;gap:clamp(16px,4vmin,30px)}.home__hero{display:grid;place-items:center;flex:none}.home__hero .jellyfish{width:clamp(110px,30vmin,280px)!important;height:auto!important;aspect-ratio:1 / 1.15}.home__content{flex:0 1 auto;min-width:0;display:flex;flex-direction:column;gap:clamp(8px,1.6vmin,16px);align-items:flex-start}.home__title{margin:0;font-family:var(--font-ui);font-weight:700;font-size:var(--size-home-title);line-height:1;color:var(--foam);text-shadow:var(--glow-numeral)}.home__tagline{margin:0;max-width:440px;font-family:var(--font-text);font-weight:700;font-size:clamp(16px,2.6vmin,23px);line-height:1.35}.home__subjects{display:flex;gap:clamp(var(--target-gap),4vmin,34px);flex-wrap:wrap}@media(max-width:700px)and (orientation:portrait){.home__body{flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,3vh,28px)}.home__content{align-items:center;justify-content:center;text-align:center;width:100%;gap:clamp(12px,2.4vh,22px)}.home__subjects{justify-content:center;gap:clamp(var(--target-gap),6vw,34px)}.home__hero .jellyfish{width:clamp(150px,46vw,260px)!important}.home__subjects .subject-bubble__disc{width:clamp(var(--target-min),24vw,104px);height:clamp(var(--target-min),24vw,104px)}.home__tagline{font-size:clamp(17px,4.6vw,23px)}}@media(max-height:560px){.home__tagline{display:none}}@media(orientation:landscape)and (max-height:620px){.home__body{flex-direction:row;gap:16px}.home__content{align-items:flex-start;text-align:left}.home__hero .jellyfish{width:clamp(90px,22vh,150px)!important}}.placeholder{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;padding:max(16px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.placeholder__top{flex:none}.placeholder__body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.placeholder__heading{margin:0;font-family:var(--font-ui);font-weight:700;font-size:clamp(28px,7vmin,64px);text-shadow:var(--glow-numeral)}.placeholder__note{margin:0;font-family:var(--font-text);font-weight:500;font-size:var(--size-caption)}@font-face{font-family:Andika;src:url(/assets/Andika-Regular-D-tEyeKR.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Andika;src:url(/assets/Andika-Bold-WYZ8UxH2.woff2) format("woff2");font-weight:700;font-style:normal;font-display:block}@font-face{font-family:Comfortaa;src:url(/assets/Comfortaa-Bold-CiDSoOzI.woff2) format("woff2");font-weight:700;font-style:normal;font-display:block}@font-face{font-family:Rubik;src:url(/assets/Rubik-Medium-BqQFDd_0.woff2) format("woff2");font-weight:500;font-style:normal;font-display:block}@font-face{font-family:Rubik;src:url(/assets/Rubik-Bold-C2hCA9DN.woff2) format("woff2");font-weight:700;font-style:normal;font-display:block}:root{--sea-top: #0b2a52;--sea-deep: #07142b;--seabed-1: #0a2038;--seabed-2: #061021;--ui: #0e2a4f;--foam: #ddf7ff;--dim: #5b7fa8;--glow-cyan: #5cf2e3;--glow-pink: #ff6bd6;--glow-lime: #c8ff5a;--glow-amber: #ffc857;--sea-gradient: linear-gradient(var(--sea-top), var(--sea-deep) 70%);--glow-numeral: 0 0 14px var(--glow-cyan), 0 0 40px rgba(92, 242, 227, .7);--bubble-fill: radial-gradient( circle at 30% 25%, rgba(255, 255, 255, .28), rgba(92, 242, 227, .08) 60% );--bubble-shadow: 0 0 18px rgba(92, 242, 227, .55), inset 0 0 14px rgba(92, 242, 227, .3);--outline: 3px;--radius-pill: 60px;--radius-shelf: 40px;--round-button: clamp(46px, 9vmin, 62px);--answer-bubble: clamp(70px, 19vmin, 116px);--font-ui: "Comfortaa", "Trebuchet MS", ui-rounded, sans-serif;--font-text: "Rubik", "Comfortaa", "Trebuchet MS", sans-serif;--font-letter: "Andika", "Comfortaa", "Trebuchet MS", sans-serif;--size-home-title: clamp(38px, 9.5vmin, 96px);--size-numeral: clamp(40px, 10vmin, 96px);--size-caption: clamp(16px, 3vmin, 26px);--focus-ring: 4px;--focus-offset: 4px;--glow-letter: 0 0 8px rgba(92, 242, 227, .55);--track-en: var(--glow-cyan);--track-fi: var(--glow-pink);--nudge: var(--glow-amber);--radius-band: var(--radius-pill);--target-min: 64px;--target-gap: 8px}:root[data-band=middle]{--radius-band: 12px}:root[data-band=upper]{--radius-band: 6px}html,body{height:100%;margin:0;overflow:hidden;background:var(--sea-deep);color:var(--foam);font-family:var(--font-ui);font-weight:700;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}#root{height:100%}*,*:before,*:after{box-sizing:border-box}body{font-size:16px}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}:focus-visible{outline:var(--focus-ring) solid var(--foam);outline-offset:var(--focus-offset);border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}