@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:DM Sans Variable,sans-serif;color:#172f59;background:#f4efe2;color-scheme:light;font-synthesis:none;--ink:#233d90;--accent:#304bd6}*{box-sizing:border-box}html,body{width:100%;height:100%}body{margin:0;overflow:hidden;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{border:0;background:none;color:inherit;font:inherit;min-height:44px;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.35;cursor:default}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:#233d90;color:#f4efe2}#liquid{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none;cursor:crosshair}#liquid:focus-visible{outline:1px solid #233d9066;outline-offset:-8px}header{position:fixed;left:3.7vw;right:3.7vw;top:28px;display:flex;align-items:center;justify-content:space-between;z-index:5;pointer-events:none}header>*{pointer-events:auto}.wordmark{display:flex;align-items:center;gap:12px;font:500 10px/1.2 Space Grotesk Variable;letter-spacing:.09em}.mark{font:400 45px/1 Georgia,serif}.world-name{position:absolute;left:50%;transform:translate(-50%);font:500 10px Space Grotesk Variable;letter-spacing:.28em;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:24px}#sound{font-size:11px;padding:0}#about-open{font:italic 17px Georgia,serif;border:1px solid #233d9033;border-radius:50%;width:36px;min-height:36px}.opening{position:fixed;top:26%;left:7vw;pointer-events:none;transition:opacity .9s,transform 1.2s cubic-bezier(.2,.7,.2,1)}.eyebrow{font-size:10px;letter-spacing:.02em;margin:0 0 28px;opacity:.65}h1,h2{font:400 clamp(63px,7.7vw,145px)/.94 "Space Grotesk Variable",sans-serif;letter-spacing:-.065em;margin:0}h1 em,h2 em{font:italic 400 1.03em/.94 Georgia,Times New Roman,serif;letter-spacing:-.065em}.opening>p:last-child{font-size:13px;line-height:1.7;margin:29px 0 0;opacity:.7}body.has-played .opening{opacity:0;transform:translateY(18px)}#hint{position:fixed;left:50%;bottom:18%;transform:translate(-50%);font-size:12px;line-height:1.5;max-width:80vw;width:max-content;text-align:center;pointer-events:none;margin:0;text-shadow:0 1px 7px #f4efe2aa}.controls{position:fixed;right:3.7vw;bottom:8%;display:flex;align-items:center;gap:26px;z-index:4;filter:drop-shadow(0 1px 5px #f4efe277)}.pigments{display:flex;align-items:center;margin-right:10px}.pigment{width:35px;height:44px;display:grid;place-items:center;padding:0}.pigment i{width:11px;height:11px;border-radius:50%;background:#253fba;position:relative}.pigment[data-colour="1"] i{background:#108e9d}.pigment[data-colour="2"] i{background:#be4966}.pigment i:after{content:"";position:absolute;inset:-5px;border:1px solid transparent;border-radius:50%}.pigment[aria-pressed=true] i:after{border-color:currentColor}#clear{font-size:11px;padding:0}#clear span{margin-left:11px;font-size:17px}#recall{font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:36px;min-width:115px;padding:10px 0;border-bottom:1px solid #233d9077}#recall span{font-size:22px;display:inline-block;transition:transform .4s}#recall:hover:not(:disabled) span{transform:translate(3px,-3px)}body.is-recalling #recall{color:var(--accent)}footer{position:fixed;left:3.7vw;right:3.7vw;bottom:24px;display:flex;align-items:center;justify-content:space-between;font-size:10px;opacity:.6;pointer-events:none}.brush{position:fixed;width:34px;height:34px;left:50%;top:50%;border:1px solid var(--accent);border-radius:50%;transform:translate(-50%,-50%) scale(.55);pointer-events:none;opacity:0;transition:opacity .2s,transform .3s;z-index:3}body.is-drawing .brush{opacity:.5;transform:translate(-50%,-50%) scale(1)}dialog{width:min(500px,calc(100% - 32px));max-height:90svh;overflow:auto;background:#f4efe2;color:#172f59;border:1px solid #233d901a;padding:42px}dialog::backdrop{background:#0c234c55;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}dialog h2{font-size:43px}dialog p{font-size:14px;line-height:1.7;color:#4c5d78}dialog .eyebrow{font-size:10px;color:#243f76;letter-spacing:.15em;margin:0 0 30px}dialog .keyboard{font-size:12px;margin-top:25px}dialog .credit{font-size:10px;opacity:.65;margin-top:26px}#about-close{position:absolute;right:10px;top:10px;width:44px;font-size:25px}#motion{padding:0;border-bottom:1px solid #233d9055;font-size:12px}#motion[aria-pressed=true]{font-weight:700}.no-script{position:fixed;left:7vw;bottom:25%;font-size:14px;max-width:270px}.no-script a{text-decoration:underline}@media(min-width:1800px){header{top:36px}.eyebrow{font-size:12px}#hint{font-size:14px}.opening>p:last-child{font-size:16px}#recall{font-size:16px;min-width:140px}#clear{font-size:13px}footer{font-size:12px;bottom:32px}}@media(max-width:700px){header{left:22px;right:22px;top:18px}.mark{font-size:36px}.wordmark{font-size:9px;gap:8px}.world-name{font-size:8px;letter-spacing:.14em}.header-actions{gap:14px}#sound{font-size:10px}#about-open{width:31px;min-height:31px;font-size:15px}.opening{left:7vw;top:19%}.eyebrow{font-size:9px;margin-bottom:22px}h1{font-size:clamp(48px,11.5vw,80px);line-height:1.02}.opening>p:last-child{font-size:12px;margin-top:23px}.controls{left:91px;right:22px;bottom:max(63px,calc(env(safe-area-inset-bottom) + 45px));justify-content:space-between;gap:10px}.pigments{margin:0}.pigment{width:27px}#clear{font-size:10px;max-width:69px}#clear span{margin-left:4px;font-size:15px}#recall{min-width:69px;gap:10px;font-size:11px}#recall span{font-size:18px}#hint{width:255px;max-width:76vw;font-size:11px;bottom:20%;line-height:1.6}footer{left:22px;right:22px;bottom:max(18px,env(safe-area-inset-bottom));font-size:9px}.keyboard-cue{display:none}dialog{padding:30px}dialog h2{font-size:38px}.brush{width:45px;height:45px}}@media(max-height:560px)and (min-width:701px){header{top:12px}.mark{font-size:34px}.opening{top:22%}h1{font-size:12vh}.eyebrow{margin-bottom:16px}.opening>p:last-child{font-size:11px;margin-top:19px}.controls{bottom:10%}#hint{left:63%;bottom:25%;font-size:11px}footer{bottom:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}body.less-motion *{transition:none!important;animation:none!important}#hint{padding:8px 15px;border-radius:30px;background:#f4efe2dc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:none}@media(max-width:700px){body[data-pn-world=liquid-memory]{--pn-shell-bottom:max(63px, calc(env(safe-area-inset-bottom) + 45px) )}#hint{font-size:12px}.pigment{width:31px}}#lens-toggle{position:fixed;right:3.7vw;top:110px;z-index:4;display:flex;align-items:center;gap:11px;padding:7px 0;font-size:12px;border-bottom:1px solid #233d9044;text-shadow:0 1px 6px #f4efe288}#lens-toggle>span{font:400 22px/1 Georgia,serif}#lens-toggle[aria-pressed=true]{border-color:#294776;color:#132c56}.lens-mode #liquid{cursor:cell}.lens-held #hint{opacity:.72}.lens-held .brush{opacity:0}@media(max-width:700px){#lens-toggle{right:22px;top:87px;font-size:11px;gap:8px}#lens-toggle>span{font-size:20px}}@media(max-height:560px)and (min-width:701px){#lens-toggle{top:75px;font-size:11px}}#recall{position:relative;justify-content:flex-start}#recall:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:currentColor;transform:scaleX(var(--remembered,0));transform-origin:left;pointer-events:none}body.is-recalling #recall{opacity:1}#hint{transition:opacity .35s}body.is-drawing #hint{opacity:.55}.water-possibilities{position:fixed;right:3.7vw;top:110px;z-index:4;display:flex;align-items:center;gap:25px}.water-possibilities #lens-toggle,.water-possibilities #tide{position:static;padding:7px 0;min-height:44px;font-size:12px;border-bottom:1px solid #233d9044;text-shadow:0 1px 6px #f4efe288}#tide:disabled{opacity:.72;cursor:default;border-bottom-color:var(--accent)}@media(max-width:700px){.water-possibilities{right:22px;top:87px;gap:22px}.water-possibilities #lens-toggle,.water-possibilities #tide{font-size:11px}}@media(max-height:560px)and (min-width:701px){.water-possibilities{top:75px}.water-possibilities #lens-toggle,.water-possibilities #tide{font-size:11px}}