:root{--navy:#1b2a4a;--navy-2:#263d6b;--navy-3:#34528a;--ink:#1b2a4a;--sea-0:#b6fbf3;--sea-1:#55dde6;--sea-2:#1fb9d8;--sea-3:#0e98c6;--sea-4:#0a7eb2;--sand-0:#fff3c9;--sand-1:#ffdc8f;--sand-2:#f2b95f;--coral:#ff6f91;--coral-2:#f0426e;--sun:#ffd23f;--sun-2:#ffb31a;--grape:#a86cff;--grape-2:#7a3cf0;--lime:#9be53c;--lime-2:#4fb01a;--sky:#5fd0ff;--sky-2:#1c95ea;--paper:#fffaf0;--paper-2:#fdeccb;--red:#ff3d4f;--ok:#3cc95a;--font-display:"Lilita One", "Fredoka", system-ui, sans-serif;--font-body:"Fredoka", system-ui, -apple-system, "Segoe UI", sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--hud-h:60px;--dock-h:74px;--r-lg:24px;--r-md:18px;--r-sm:12px;--shadow-drop:0 10px 24px #06285047}@media (min-width:760px){:root{--hud-h:72px;--dock-h:96px}}*{box-sizing:border-box}html,body{background:var(--sea-3);height:100%;margin:0;overflow:hidden}body{font-family:var(--font-body);color:var(--navy);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;text-rendering:optimizelegibility;font-size:15px;font-weight:600;line-height:1.35}button,input{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}p{margin:0}h1,h2,h3,h4{margin:0;font-weight:400}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline-offset:3px;border-radius:10px;outline:3px solid #fff;box-shadow:0 0 0 7px #1b2a4a8c}.sprite{width:0;height:0;position:absolute;overflow:hidden}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#app{height:100dvh;position:absolute;inset:0;overflow:hidden}#stage{position:absolute;inset:0}.screen{position:absolute;inset:0;overflow:hidden}.screen.scrolly{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff80 transparent;overflow:hidden auto}@media (max-width:759px){.only-d{display:none!important}}@media (min-width:760px){.only-m{display:none!important}}@media (max-width:1179px){.w-only,.lb-wt,.lb-ws{display:none!important}}@media (min-width:1180px){.n-only{display:none!important}}@media (min-width:1180px) and (min-height:919px){.lb-ns,.lb-ws{display:none!important}}@media (min-width:1180px) and (max-height:918px){.lb-wt{display:none!important}}.disp{font-family:var(--font-display);letter-spacing:.015em;font-weight:400}.ol{-webkit-text-stroke:var(--ol,5px) var(--navy);paint-order:stroke fill;text-shadow:0 var(--od,3px) 0 var(--navy)}.ol-s{-webkit-text-stroke:3.5px var(--navy);paint-order:stroke fill;text-shadow:0 2px 0 var(--navy);color:#fff}.num{font-variant-numeric:tabular-nums}.ic{aspect-ratio:1;vertical-align:middle;flex:none;width:1em;height:1em;display:inline-block;overflow:visible}.btn{--top:#e2ff8a;--mid:#9be53c;--bot:#56b51c;--lip:#3a8a0c;--txt:#fff;min-height:48px;font-family:var(--font-display);letter-spacing:.02em;color:var(--txt);-webkit-text-stroke:4px var(--navy);paint-order:stroke fill;text-shadow:0 2.5px 0 var(--navy);background:linear-gradient(180deg, var(--top) 0%, var(--mid) 48%, var(--bot) 100%);border:3px solid var(--navy);box-shadow:inset 0 3px 0 #ffffff8c, inset 0 -4px 0 #00000021, 0 7px 0 -3px var(--lip), 0 7px 0 0 var(--navy), 0 12px 16px #0628504d;cursor:pointer;isolation:isolate;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:16px;justify-content:center;align-items:center;gap:.45em;margin-bottom:7px;padding:9px 22px 11px;font-size:20px;line-height:1;transition:translate 80ms ease-out,box-shadow 80ms ease-out,filter .15s;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#ffffff8c,#ffffff14);border-radius:11px 11px 40% 40%/11px 11px 14px 14px;height:42%;position:absolute;top:3px;left:6px;right:6px}.btn .ic{filter:drop-shadow(0 2px #1b2a4a59);font-size:1.25em}.btn:hover{filter:brightness(1.06)saturate(1.05)}.btn:active,.btn.pressed{box-shadow:inset 0 3px 0 #ffffff73, inset 0 -2px 0 #0000001f, 0 2px 0 -3px var(--lip), 0 2px 0 0 var(--navy), 0 5px 8px #06285040;translate:0 5px}.btn[disabled],.btn.is-disabled{--top:#eef3f8;--mid:#c9d5e3;--bot:#a9b8cb;--lip:#7d8ea6;cursor:not-allowed;filter:none;color:#eef3fa}.btn--lime{--top:#e8ff96;--mid:#a2ea3f;--bot:#56b51c;--lip:#3a8a0c}.btn--sun{--top:#fff4a8;--mid:#ffd43b;--bot:#ffa914;--lip:#c77400}.btn--grape{--top:#e8cbff;--mid:#b27cff;--bot:#7a3cf0;--lip:#5220b0}.btn--sky{--top:#cff8ff;--mid:#62d2ff;--bot:#1c95ea;--lip:#0b62b0}.btn--coral{--top:#ffd0dc;--mid:#ff7d9e;--bot:#f0426e;--lip:#b0224c}.btn--orange{--top:#ffdcaa;--mid:#ffa24d;--bot:#f2701c;--lip:#b0480a}.btn--cream{--top:#fff;--mid:#fff6e2;--bot:#f3dfb8;--lip:#c9a86e;--txt:var(--navy);-webkit-text-stroke:0;text-shadow:none}.btn--sm{border-radius:13px;min-height:44px;padding:7px 14px 9px;font-size:16px}.btn--lg{border-radius:19px;min-height:58px;padding:10px 28px 13px;font-size:24px}.btn--xl{min-height:76px;box-shadow:inset 0 4px 0 #fff9, inset 0 -6px 0 #00000024, 0 10px 0 -4px var(--lip), 0 10px 0 0 var(--navy), 0 18px 26px #06285059;-webkit-text-stroke:6px var(--navy);text-shadow:0 4px 0 var(--navy);border-width:4px;border-radius:24px;margin-bottom:10px;padding:12px 36px 16px;font-size:32px}.btn--xl:active{box-shadow:inset 0 4px 0 #ffffff80, inset 0 -3px 0 #0000001f, 0 3px 0 -4px var(--lip), 0 3px 0 0 var(--navy), 0 6px 10px #0628504d;translate:0 7px}.btn--block{width:100%;display:flex}.btn--shine:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 0%,#ffffffbf 50%,#0000 100%);width:32%;animation:3.8s cubic-bezier(.6,0,.3,1) infinite shine;position:absolute;top:-10%;bottom:-10%;left:-45%;transform:skew(-18deg)}@keyframes shine{0%,64%{left:-45%}to{left:130%}}.jelly{animation:.5s cubic-bezier(.3,.7,.4,1.5) jelly}@keyframes jelly{0%{scale:1}22%{scale:1.1 .88}45%{scale:.93 1.08}68%{scale:1.04 .97}to{scale:1}}.rbtn{--top:#cff8ff;--bot:#1c95ea;--lip:#0b62b0;border:3px solid var(--navy);background:linear-gradient(180deg, var(--top), var(--bot));width:48px;height:48px;box-shadow:inset 0 3px 0 #ffffff8c, inset 0 -3px 0 #00000024, 0 5px 0 -2px var(--lip), 0 5px 0 0 var(--navy), 0 8px 12px #06285040;border-radius:15px;flex:none;place-items:center;margin-bottom:5px;transition:translate 80ms,box-shadow 80ms;display:inline-grid;position:relative}.rbtn .ic{filter:drop-shadow(0 2px #1b2a4a4d);width:62%;height:auto}.rbtn:active{box-shadow:inset 0 3px 0 #ffffff73, 0 1px 0 -2px var(--lip), 0 1px 0 0 var(--navy);translate:0 4px}.rbtn--sky{--top:#d4f9ff;--bot:#2aa2ee;--lip:#0b62b0}.rbtn--coral{--top:#ffd0dc;--bot:#f0426e;--lip:#b0224c}.rbtn--navy{--top:#4b6aa6;--bot:#243b6c;--lip:#121e38}.rbtn--cream{--top:#fff;--bot:#f0dcb4;--lip:#c9a86e}.rbtn--grape{--top:#e8cbff;--bot:#7a3cf0;--lip:#5220b0}.rbtn--lime{--top:#e8ff96;--bot:#56b51c;--lip:#3a8a0c}.rbtn--sun{--top:#fff4a8;--bot:#ffa914;--lip:#c77400}.panel{border:3px solid var(--navy);border-radius:var(--r-lg);box-shadow:inset 0 3px 0 #fff, inset 0 -6px 0 #e9cd96bf, 0 6px 0 #1b2a4ae6, var(--shadow-drop);background:linear-gradient(#fffef9 0%,#fff6e3 100%);position:relative}.panel--sea{box-shadow:inset 0 3px 0 #ffffff8c, inset 0 -6px 0 #09468c59, 0 6px 0 var(--navy), var(--shadow-drop);color:#fff;background:linear-gradient(#7fe6f5 0%,#34b8e6 55%,#1f93d6 100%)}.panel--navy{box-shadow:inset 0 3px 0 #ffffff2e, inset 0 -5px 0 #00000040, 0 6px 0 #0a1224e6, var(--shadow-drop);color:#fff;background:linear-gradient(#34528a 0%,#243b6c 100%)}.panel--glass{border-color:var(--navy);box-shadow:inset 0 2px 0 #ffffff40, inset 0 -4px 0 #0003, 0 5px 0 #1b2a4abf, var(--shadow-drop);color:#fff;background:linear-gradient(#1e3e7cc7,#122858d1)}.panel-in{padding:16px}.ribbon{--rb-top:#ffb0c4;--rb-bot:#f0426e;--rb-tail:#b0224c;--rb-tx:18px;--rb-ty:9px;color:#fff;min-height:42px;font-family:var(--font-display);letter-spacing:.03em;white-space:nowrap;z-index:1;border:3px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:6px 26px 8px;font-size:22px;line-height:1;display:inline-flex;position:relative}.ribbon>span{--ol:5px}.ribbon:before,.ribbon:after{content:"";border:3px solid var(--navy);pointer-events:none;position:absolute}.ribbon:before{--n:calc(var(--rb-tx) * .5);z-index:-2;top:var(--rb-ty);bottom:calc(3px - var(--rb-ty));left:calc(-1 * var(--rb-tx));right:calc(-1 * var(--rb-tx));background:linear-gradient(180deg, var(--rb-tail), color-mix(in srgb, var(--rb-tail) 70%, #000));clip-path:polygon(0 0, 100% 0, calc(100% - var(--n)) 50%, 100% 100%, 0 100%, var(--n) 50%);border-radius:4px}.ribbon:after{z-index:-1;border-radius:inherit;background:linear-gradient(180deg, var(--rb-top), var(--rb-bot));box-shadow:inset 0 3px 0 #ffffff73, inset 0 -3px 0 #00000024, 0 4px 0 var(--navy);inset:-3px}.ribbon--sea{--rb-top:#aef3ff;--rb-bot:#1c95ea;--rb-tail:#0b62b0}.ribbon--grape{--rb-top:#e3c2ff;--rb-bot:#8a4dff;--rb-tail:#5220b0}.ribbon--sun{--rb-top:#fff4a8;--rb-bot:#ffae17;--rb-tail:#c77400}.ribbon--lime{--rb-top:#e8ff96;--rb-bot:#4fb01a;--rb-tail:#2f7a0a}.ribbon--coral{--rb-top:#ffb0c4;--rb-bot:#f0426e;--rb-tail:#b0224c}.chip{border:2.5px solid var(--navy);min-height:28px;color:var(--navy);white-space:nowrap;box-shadow:0 2px 0 var(--navy);background:#fff;border-radius:99px;align-items:center;gap:6px;padding:3px 10px 3px 8px;font-size:13px;font-weight:700;line-height:1.1;display:inline-flex}.chip .ic{font-size:18px}.chip--sun{background:linear-gradient(#fff6b8,#ffd23f)}.chip--lime{background:linear-gradient(#efffb8,#9be53c)}.chip--coral{color:#fff;background:linear-gradient(#ffd8e2,#ff7d9e)}.chip--grape{color:#fff;background:linear-gradient(#efdcff,#b27cff)}.chip--sky{background:linear-gradient(#dcfaff,#62d2ff)}.chip--navy{color:#fff;background:linear-gradient(#3b5b98,#22386a)}.chip--red{color:#fff;background:linear-gradient(#ff8a8a,#ff3d4f)}.chip--ghost{background:#ffffffbf}.chip--coral b,.chip--grape b,.chip--navy b,.chip--red b{color:#fff}.bar{--fill-top:#fff3a6;--fill-bot:#ffb31a;border:3px solid var(--navy);background:#1b2a4a;border-radius:99px;height:22px;position:relative;overflow:hidden;box-shadow:inset 0 3px #00000059,0 2px #fff6}.bar>i{width:var(--p,0%);background:linear-gradient(180deg, var(--fill-top), var(--fill-bot));border-radius:99px;transition:width .9s cubic-bezier(.3,1.3,.5,1);position:absolute;top:0;bottom:0;left:0;overflow:hidden;box-shadow:inset 0 3px #ffffff8c,inset 0 -2px #0000001f}.bar>i:after{content:"";background:repeating-linear-gradient(-55deg,#ffffff4d 0 9px,#0000 9px 18px);animation:1.1s linear infinite stripes;position:absolute;inset:0 -40px}@keyframes stripes{0%{transform:translate(0)}to{transform:translate(22px)}}.bar>b{font-family:var(--font-display);color:#fff;-webkit-text-stroke:3px var(--navy);paint-order:stroke fill;letter-spacing:.03em;place-items:center;font-size:13px;font-weight:400;display:grid;position:absolute;inset:0}.bar--lime{--fill-top:#eaffa0;--fill-bot:#4fb01a}.bar--grape{--fill-top:#f1dcff;--fill-bot:#8a4dff}.bar--coral{--fill-top:#ffd0dc;--fill-bot:#f0426e}.bar--sky{--fill-top:#d4f9ff;--fill-bot:#1c95ea}.bar--red{--fill-top:#ffb0b0;--fill-bot:#ff3d4f}.bar--xs{border-width:2px;height:10px}.bar--xs>i:after{display:none}.bar--sm{border-width:2.5px;height:16px}.bar--lg{height:28px}.bar--lg>b{font-size:15px}.dot{z-index:3;min-width:23px;height:23px;box-shadow:0 2px 0 var(--navy), 0 0 0 1.5px var(--navy);color:#fff;font-family:var(--font-display);-webkit-text-stroke:2.5px #a4001a;paint-order:stroke fill;transform-origin:50% 80%;background:linear-gradient(#ff8080,#ff2d42);border:2.5px solid #fff;border-radius:99px;place-items:center;padding:0 6px;font-size:13px;line-height:1;animation:3.2s ease-in-out infinite wobble;display:grid;position:absolute;top:-7px;right:-7px}.dot[hidden]{display:none}@keyframes wobble{0%,80%,to{rotate:0deg;scale:1}84%{rotate:-16deg;scale:1.18}88%{rotate:13deg}92%{rotate:-8deg}96%{rotate:4deg}}.hud{z-index:72;padding:calc(8px + var(--safe-t)) 10px 0;height:calc(var(--hud-h) + var(--safe-t));pointer-events:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.hud>*{pointer-events:auto}.hud:before{content:"";z-index:-1;pointer-events:none;opacity:0;background:linear-gradient(#1260a8f0 0%,#1260a8d1 62%,#1260a800 100%);height:calc(100% + 22px);transition:opacity .3s;position:absolute;top:0;left:0;right:0}.hud.hud--solid:before{opacity:1}.hud.hud--night:before{opacity:1;background:linear-gradient(#0e1a46e6 0%,#0e1a4699 62%,#0e1a4600 100%)}.hud-left{align-items:center;gap:10px;min-width:0;display:flex}.hud-home{border-radius:14px;width:44px;height:44px}.hud-player{border:3px solid var(--navy);color:#fff;background:linear-gradient(#22386ae0,#142246e6);border-radius:16px;align-items:center;gap:8px;padding:3px 12px 3px 3px;display:none;box-shadow:inset 0 2px #fff3,0 4px #0a1224b3}.hud-avatar{width:42px;height:42px;box-shadow:0 0 0 2px var(--navy);background:radial-gradient(circle at 35% 30%,#e9fdff,#7fe0f0 60%,#36b3d6);border:2.5px solid #ffd23f;border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.hud-avatar img{object-fit:contain;width:86%;height:86%}.hud-player-txt{gap:2px;min-width:0;display:grid}.hud-player-txt b{font-size:17px;line-height:1}.hud-seat{align-items:center;gap:6px;display:flex}.hud-seat .bar{width:64px}.hud-seat small{color:#cfe6ff;white-space:nowrap;font-size:11px;font-weight:700}.hud.at-lobby .hud-home{display:none}.hud.at-lobby .hud-player{display:flex}.hud.at-lobby .hud-player .hud-player-txt{display:none}@media (min-width:760px){.hud{padding:calc(12px + var(--safe-t)) 20px 0}.hud-player{display:flex}.hud-player .hud-player-txt{display:none}.hud-player{padding-right:3px}.hud-home{width:50px;height:50px}}@media (min-width:1100px){.hud-player{padding-right:12px}.hud-player .hud-player-txt,.hud.at-lobby .hud-player .hud-player-txt{display:grid}}.hud-res{align-items:center;gap:6px;min-width:0;display:flex}.hud-sound{border-radius:14px;width:44px;height:44px;display:none}@media (min-width:760px){.hud-sound{display:inline-grid}.hud-res{gap:12px}}.pill{cursor:pointer;background:0 0;border:0;flex:0 auto;align-items:center;min-width:0;height:44px;margin:0 0 0 10px;padding:0;display:inline-flex;position:relative}.pill-body{border:2.5px solid var(--navy);background:linear-gradient(#122042db,#1b2e5ceb);border-radius:12px;align-items:center;gap:1px;height:32px;margin-left:-18px;padding:0 30px 0 26px;display:flex;box-shadow:inset 0 2px #ffffff2e,inset 0 -3px #00000040,0 3px #0a122499}.pill-val{color:#fff;-webkit-text-stroke:3.5px var(--navy);paint-order:stroke fill;text-shadow:0 2px 0 var(--navy);letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:19px;line-height:1}.pill-cap{font-family:var(--font-display);color:#9fb8e0;margin-left:1px;font-size:12px;display:none}@media (min-width:760px){.pill-cap{display:inline}.pill-val{font-size:21px}.pill-body{height:36px;padding:0 34px 0 30px}}.pill-ico{z-index:2;place-items:center;width:38px;height:38px;display:grid;position:relative}.pill-ico .ic{filter:drop-shadow(0 2px #0a122473);width:100%;height:auto}.pill-plus{z-index:2;border:2.5px solid var(--navy);width:24px;height:24px;box-shadow:inset 0 2px 0 #ffffff8c, 0 2px 0 var(--navy);background:linear-gradient(#e8ff96,#56b51c);border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:-4px;translate:0 -50%}.pill-plus .ic{width:15px;height:15px}.pill--tp .pill-plus{background:linear-gradient(#f1dcff,#8a4dff)}.pill--votes .pill-plus{background:linear-gradient(#ffd0dc,#f0426e)}.pill.hit .pill-body{animation:.26s ease-out pillhit}@keyframes pillhit{0%{scale:1}40%{background:linear-gradient(#3e64b8,#28468c);scale:1.08 1.14}to{scale:1}}.pill-ico.bump{animation:.42s cubic-bezier(.3,1.8,.5,1) bump}@keyframes bump{0%{scale:1}30%{rotate:-12deg;scale:1.45}60%{rotate:6deg;scale:.92}to{rotate:0deg;scale:1}}.pill-pop{z-index:5;pointer-events:none;color:#fff;-webkit-text-stroke:4px var(--navy);paint-order:stroke fill;text-shadow:0 3px 0 var(--navy);white-space:nowrap;font-size:22px;animation:1.25s cubic-bezier(.2,.9,.3,1) forwards pillpop;position:absolute;top:100%;left:50%;translate:-50%}.pill--fp .pill-pop{color:#ffe066}.pill--tp .pill-pop{color:#f1c7ff}@keyframes pillpop{0%{opacity:0;transform:translateY(-4px)scale(.4)}18%{opacity:1;transform:translateY(8px)scale(1.2)}70%{opacity:1;transform:translateY(14px)scale(1)}to{opacity:0;transform:translateY(24px)scale(.9)}}@media (max-width:389px){.pill-body{padding:0 24px 0 22px}.pill-val{font-size:16px}.pill-ico{width:34px;height:34px}.hud{padding-left:8px;padding-right:8px}}.hud-pop{z-index:90;border:3px solid var(--navy);box-shadow:inset 0 3px 0 #fff, 0 6px 0 var(--navy), 0 18px 30px #06285059;transform-origin:var(--ax,50%) -10px;background:linear-gradient(#fffef9,#fff3db);border-radius:20px;padding:16px 16px 12px;animation:.32s cubic-bezier(.3,1.6,.5,1) popin;position:fixed}.hud-pop:before{content:"";top:-11px;left:calc(var(--ax,50%) - 10px);border:3px solid var(--navy);background:#fffef9;border-bottom:0;border-right:0;border-radius:4px 0 0;width:18px;height:18px;position:absolute;rotate:45deg}.hud-pop.out{animation:.2s ease-in forwards popout}.hud-pop h4{color:var(--navy);margin:0 30px 4px 0;font-size:21px}.hud-pop p{color:#3c4d70;margin-bottom:8px;font-size:14px;font-weight:600}.hud-pop .pop-small{color:#6b7a99;font-size:12px}.pop-list{gap:6px;margin:4px 0 12px;display:grid}.pop-list li{background:#fff;border:2px solid #eadcbc;border-radius:12px;align-items:center;gap:8px;padding:6px 8px;font-size:14px;display:flex}.pop-list li .ic{font-size:22px}.pop-list li span{flex:1}.pop-list li b{font-family:var(--font-display);color:var(--navy);font-weight:400}.pop-x{border:2.5px solid var(--navy);width:40px;height:40px;box-shadow:0 2px 0 var(--navy);background:linear-gradient(#ffd0dc,#f0426e);border-radius:10px;place-items:center;display:grid;position:absolute;top:6px;right:6px}.pop-x .ic{width:16px;height:16px}.pop-x:after{content:"";position:absolute;inset:-4px}@keyframes popin{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes popout{to{opacity:0;scale:.85}}.dock{z-index:40;pointer-events:none;position:absolute;bottom:0;left:0;right:0}.dock-bar{pointer-events:auto;height:calc(var(--dock-h) + var(--safe-b));padding:0 6px var(--safe-b);border-top:3px solid var(--navy);background:linear-gradient(#3d5f9e 0%,#263f74 45%,#1b2e57 100%);border-radius:22px 22px 0 0;grid-template-columns:repeat(5,1fr);align-items:end;display:grid;position:relative;box-shadow:inset 0 3px #ffffff38,0 -6px 18px #061e3c59}.dock-bar:before{content:"";background:#ffffff2e;border-radius:2px;height:2px;position:absolute;top:5px;left:14px;right:14px}.tab{color:#b9cdf0;border-radius:16px;align-content:end;justify-items:center;gap:2px;min-width:0;height:100%;padding:0 0 9px;display:grid;position:relative}.tab-ico{place-items:center;width:38px;height:38px;transition:translate .35s cubic-bezier(.3,1.8,.5,1),scale .35s cubic-bezier(.3,1.8,.5,1);display:grid;position:relative}.tab-ico .ic{filter:drop-shadow(0 3px #0a122480)saturate(.75)brightness(.92);width:100%;height:auto;transition:filter .2s}.tab-lbl{color:#c6d6f4;-webkit-text-stroke:3px var(--navy);paint-order:stroke fill;letter-spacing:.03em;font-size:13px;line-height:1}.tab .dot{top:4px;right:calc(50% - 30px)}.tab.active:before{content:"";border:2.5px solid var(--navy);z-index:0;background:linear-gradient(#7fc8ff 0%,#3a86e0 100%);border-radius:16px;position:absolute;inset:8px 4px 5px;box-shadow:inset 0 3px #ffffff73,0 3px #0a122499}.tab>:not(.dot){z-index:1;position:relative}.tab.active .tab-ico{translate:0 -12px;scale:1.22}.tab.active .tab-ico .ic{filter:drop-shadow(0 4px #0a122480)}.tab.active .tab-lbl{color:#fff}.tab.pop-in .tab-ico{animation:.6s cubic-bezier(.3,1.8,.5,1) tabpop}@keyframes tabpop{0%{translate:0;scale:1}35%{translate:0 -18px;scale:1.35 1.1}60%{translate:0 -9px;scale:1.12 1.28}to{translate:0 -12px;scale:1.22}}.tab--draw{align-content:end;padding-bottom:9px}.draw-orb{border:4px solid var(--navy);width:74px;height:74px;box-shadow:inset 0 4px 0 #ffffff8c, inset 0 -6px 0 #00000029, 0 6px 0 -2px #2f7a0a, 0 6px 0 0 var(--navy), 0 10px 18px #06285073, 0 0 0 6px #beff6e40;background:radial-gradient(circle at 50% 28%,#f2ffb8 0%,#b5f050 38%,#62c21e 72%,#3f9a10 100%);border-radius:50%;place-items:center;margin-top:-38px;margin-bottom:1px;transition:translate .1s;animation:2.4s ease-in-out infinite orbpulse;display:grid;position:relative;overflow:hidden}.draw-orb .ic{filter:drop-shadow(0 3px #1b2a4a73);width:44px;height:44px;animation:3.2s ease-in-out infinite pencilwiggle}.draw-orb .orb-shine{border-radius:50%;position:absolute;inset:0;overflow:hidden}.draw-orb .orb-shine:after{content:"";background:linear-gradient(100deg,#0000,#fffc,#0000);width:34%;animation:3.2s cubic-bezier(.6,0,.3,1) 1s infinite shine;position:absolute;top:-20%;bottom:-20%;left:-50%;transform:skew(-18deg)}.tab--draw:active .draw-orb{translate:0 4px}.tab--draw.active .draw-orb{box-shadow:inset 0 4px 0 #ffffff8c, inset 0 -6px 0 #00000029, 0 6px 0 -2px #2f7a0a, 0 6px 0 0 var(--navy), 0 10px 18px #06285073, 0 0 0 7px #fff078bf}.tab--draw .tab-lbl{color:#eaffc0}@keyframes orbpulse{0%,to{scale:1}50%{scale:1.05}}@keyframes pencilwiggle{0%,80%,to{rotate:0deg}84%{rotate:-14deg}90%{rotate:10deg}95%{rotate:-5deg}}@media (min-width:760px){.dock{width:580px;bottom:14px;left:50%;right:auto;translate:-50%}.dock-bar{border:3px solid var(--navy);border-radius:28px;height:82px;padding:0 10px;box-shadow:inset 0 3px #ffffff38,0 6px #0a1224d9,0 16px 30px #061e3c66}.tab{padding-bottom:10px}.tab-ico{width:42px;height:42px}.tab-lbl{font-size:14px}.draw-orb{width:84px;height:84px;margin-top:-44px}.draw-orb .ic{width:50px;height:50px}}.reef{--u:8px;contain:layout paint;position:absolute;inset:0;overflow:hidden}.reef-water{background:linear-gradient(#b8fbf2 0%,#6be5ea 9%,#2fcbe0 30%,#18aed6 56%,#0f95c4 78%,#0b86b8 100%);position:absolute;inset:0}.reef--neighbor .reef-water{background:linear-gradient(#e0d4ff 0%,#9fdcf2 10%,#54c3e6 32%,#2ea2d8 58%,#2386c4 80%,#1f78b5 100%)}.reef--arena .reef-water{background:linear-gradient(#c8fff4 0%,#74e8e4 12%,#33c9dd 34%,#1aa6d4 60%,#1291c4 100%)}.reef-sun{pointer-events:none;background:radial-gradient(closest-side,#ffffffbf,#ffffff47 45%,#fff0);border-radius:50%;width:130vh;height:70vh;position:absolute;top:-34vh;left:50%;translate:-50%}.reef-surface{opacity:.75;pointer-events:none;height:60px;position:absolute;top:0;left:0;right:0;overflow:hidden}.reef-surface i{background-repeat:repeat-x;background-size:240px 60px;width:calc(100% + 240px);height:60px;animation:9s linear infinite surf;position:absolute;top:0;left:0}@keyframes surf{0%{transform:translate(-240px)}to{transform:translate(0)}}.reef-rays{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ray{transform-origin:50% 0;clip-path:polygon(35% 0,65% 0,100% 100%,0 100%);background:linear-gradient(#ffffff8c 0%,#ffffff2e 45%,#fff0 90%);width:11%;height:95%;animation:7s ease-in-out infinite alternate rays;position:absolute;top:-8%}.ray0{width:9%;animation-delay:-1s;left:6%;rotate:16deg}.ray1{opacity:.8;width:13%;animation-delay:-3s;left:20%;rotate:11deg}.ray2{width:8%;animation-delay:-5s;left:38%;rotate:6deg}.ray3{opacity:.7;width:14%;animation-delay:-2s;left:52%;rotate:2deg}.ray4{width:9%;animation-delay:-4s;left:68%;rotate:-5deg}.ray5{opacity:.8;width:12%;animation-delay:-6s;left:82%;rotate:-10deg}@keyframes rays{0%{opacity:.35;transform:rotate(-2.5deg)scaleX(.9)}50%{opacity:.9}to{opacity:.5;transform:rotate(2.5deg)scaleX(1.1)}}.reef-layer{pointer-events:none;will-change:transform;position:absolute;left:-4%;right:-4%}.reef-far{height:40%;bottom:17%}.reef-far svg{width:100%;height:100%;display:block}.reef-mid{height:30%;bottom:16%}.reef-ridge{position:absolute;inset:22% 0 0}.reef-ridge svg{width:100%;height:100%;display:block}.reef-sand{height:24%;bottom:0;left:-6%;right:-6%}.reef-sandbed{position:absolute;inset:0}.reef-sandbed svg{width:100%;height:100%;display:block}.reef-front{z-index:6;height:70%;bottom:-1%;left:-6%;right:-6%}.prop-wrap{transform-origin:50% 100%;position:absolute;translate:-50%}.prop-wrap>svg{width:100%;height:100%;display:block;overflow:visible}.reef-front .prop-wrap{translate:0}.prop-wrap.sway{animation:sway var(--sd,4s) ease-in-out var(--sdl,0s) infinite alternate}@keyframes sway{0%{transform:rotate(-3.2deg)skew(2deg)}to{transform:rotate(3.2deg)skew(-2deg)}}.reef-front .prop-kelp.sway{animation-name:kelpsway}@keyframes kelpsway{0%{transform:rotate(-4deg)skew(4deg)}to{transform:rotate(3deg)skew(-3deg)}}.reef-caust{pointer-events:none;opacity:.5;z-index:2;height:62%;position:absolute;bottom:0;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 45% 100%);mask-image:linear-gradient(#0000 0%,#000 45% 100%)}.reef-caust i{background-size:300px 300px;animation:16s linear infinite caust1;position:absolute;inset:-200px}.reef-caust i+i{opacity:.6;background-size:420px 420px;animation:23s linear infinite caust2}@keyframes caust1{0%{transform:translate(0)}to{transform:translate(300px,150px)}}@keyframes caust2{0%{transform:translate(0)rotate(.001deg)}to{transform:translate(-420px,210px)}}.reef-fish{z-index:3;position:absolute;inset:0}.reef-parts{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.reef-vignette{z-index:7;pointer-events:none;background:radial-gradient(120% 90% at 50% 35%,#0000 55%,#063c6e61 100%),linear-gradient(#0000 80%,#0a32502e);position:absolute;inset:0}.reef.glass-knock{animation:.42s ease-out knock}@keyframes knock{0%,to{transform:translate(0)}20%{transform:translate(-5px,2px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-3px,1px)}80%{transform:translate(2px)}}.fish{cursor:pointer;will-change:transform;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;position:absolute;top:0;left:0}.fish:focus-visible{outline-offset:6px;box-shadow:none;border-radius:20px;outline:3px dashed #fff}.fish-rot,.fish-flip,.fish-wob{display:block;position:absolute;inset:0}.fish-flip{transition:transform .38s cubic-bezier(.4,1.4,.5,1)}.fish-wob{transform-origin:62%;animation:1s ease-in-out infinite finwob}@keyframes finwob{0%,to{transform:scaleX(1)skewY(0)}50%{transform:scaleX(.965)skewY(1.8deg)}}.fish-img{object-fit:contain;transform-origin:50% 60%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;transition:opacity .35s}.fish-img.squish{animation:.6s cubic-bezier(.3,.8,.4,1.2) squish}@keyframes squish{0%{scale:1}16%{scale:1.3 .7}36%{scale:.8 1.22}56%{scale:1.1 .92}76%{scale:.97 1.03}to{scale:1}}.fish-img.chomp{animation:.32s ease-out chomp}@keyframes chomp{0%{scale:1}35%{scale:1.16 .9}to{scale:1}}.fish.is-asleep .fish-img{filter:saturate(.6)brightness(.93)}.fish.is-asleep .fish-wob{animation:none}.fish.dropping .fish-rot{animation:.7s ease-out dropspin}@keyframes dropspin{0%{transform:rotate(-30deg)scale(.6)}70%{transform:rotate(8deg)scale(1.1)}to{transform:rotate(0)scale(1)}}.fish.happy .fish-rot{animation:1.1s cubic-bezier(.3,1.6,.5,1) happyhop}@keyframes happyhop{0%{translate:0}25%{translate:0 -26px}50%{translate:0}70%{translate:0 -12px}to{translate:0}}.fish-status{pointer-events:none;z-index:2;position:absolute;bottom:88%;left:50%;translate:-50%}.thought{border:2.5px solid var(--navy);box-shadow:0 3px 0 var(--navy);white-space:nowrap;background:#fff;border-radius:99px;align-items:center;gap:4px;padding:4px 10px 4px 6px;animation:1.6s ease-in-out infinite thought;display:flex;position:relative}.thought:after{content:"";border:2.5px solid var(--navy);background:#fff;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-10px;left:44%}.th-emoji{font-size:16px;line-height:1}.th-txt{font-family:var(--font-display);color:var(--red);letter-spacing:.02em;font-size:13px}@keyframes thought{0%,to{translate:0;rotate:-3deg}50%{translate:0 -5px;rotate:3deg}}.zz{width:60px;height:50px;display:block;position:relative}.zz b{font-family:var(--font-display);color:#fff;-webkit-text-stroke:4px var(--navy);paint-order:stroke fill;opacity:0;font-size:22px;font-weight:400;animation:2.4s ease-out infinite zz;position:absolute;bottom:0;left:30%}.zz b:nth-child(2){font-size:17px;animation-delay:.8s}.zz b:nth-child(3){font-size:13px;animation-delay:1.6s}@keyframes zz{0%{opacity:0;transform:translate(0)scale(.6)}20%{opacity:1}to{opacity:0;transform:translate(26px,-44px)scale(1.2)rotate(12deg)}}.fish-tag{z-index:2;pointer-events:none;white-space:nowrap;border:2.5px solid var(--navy);box-shadow:0 2px 0 var(--navy);background:linear-gradient(#fff6b8,#ffd23f);border-radius:99px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;line-height:1.15;display:inline-flex;position:absolute;top:100%;left:50%;translate:-50% 4px}.fish-tag .ic{font-size:14px}.nom{font-family:var(--font-display);color:#ffe066;-webkit-text-stroke:3.5px var(--navy);paint-order:stroke fill;pointer-events:none;font-size:16px;animation:.7s ease-out forwards nom;position:absolute;top:-8px;left:60%}@keyframes nom{0%{opacity:0;transform:translateY(6px)scale(.5)}25%{opacity:1;transform:translateY(-6px)scale(1.2)}to{opacity:0;transform:translateY(-26px)scale(1)}}.food-can{z-index:8;pointer-events:none;transform-origin:50% 20%;width:54px;height:54px;margin-left:-27px;animation:1.5s ease-in-out forwards can;position:absolute;top:3%}.food-can .ic{filter:drop-shadow(0 4px #1b2a4a59);width:100%;height:auto}@keyframes can{0%{opacity:0;transform:translateY(-40px)rotate(0)}15%{opacity:1;transform:translateY(0)rotate(150deg)}30%{transform:rotate(130deg)}42%{transform:rotate(165deg)}54%{transform:rotate(130deg)}66%{transform:rotate(160deg)}85%{opacity:1;transform:rotate(150deg)}to{opacity:0;transform:translateY(-40px)rotate(0)}}.stk-loading{opacity:0}#modals{z-index:60;pointer-events:none;position:fixed;inset:0}.sheet{pointer-events:auto;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-back{opacity:0;background:#081a388c;transition:opacity .25s;position:absolute;inset:0}.sheet.in .sheet-back{opacity:1}.sheet-panel{width:100%;max-height:calc(100dvh - var(--pbar-h,0px) - var(--hud-h) - 24px);border:3px solid var(--navy);padding:34px 16px calc(18px + var(--safe-b));background:linear-gradient(#fffef9,#fff2d6);border-bottom:0;border-radius:28px 28px 0 0;flex-direction:column;transition:transform .42s cubic-bezier(.3,1.25,.45,1);display:flex;position:relative;transform:translateY(105%);box-shadow:inset 0 3px #fff,0 -10px 30px #061e3c59}.sheet.in .sheet-panel{transform:translateY(0)}.sheet.out .sheet-panel{transition-duration:.28s;transition-timing-function:ease-in;transform:translateY(105%)}.sheet-head{pointer-events:none;justify-content:center;display:flex;position:absolute;top:-24px;left:0;right:0}.sheet-head .ribbon{min-height:46px;padding:6px 30px 9px;font-size:24px}.sheet-x{z-index:3;border-radius:14px;width:44px;height:44px;position:absolute;top:-20px;right:10px}.sheet-body{overscroll-behavior:contain;min-height:0;margin:0 -14px -14px;padding:4px 16px 16px;overflow:hidden auto}@media (max-width:759px){.sheet-head .ribbon{min-height:42px;padding:5px 22px 8px;font-size:21px}}@media (min-width:760px){.sheet{align-items:center}.sheet-panel{border-bottom:3px solid var(--navy);width:min(540px,100vw - 40px);box-shadow:inset 0 3px 0 #fff, inset 0 -6px 0 #e9cd96bf, 0 7px 0 var(--navy), 0 28px 60px #061e3c73;opacity:0;max-height:calc(100dvh - var(--pbar-h,0px) - 140px);border-radius:30px;padding:40px 22px 22px;transition:transform .45s cubic-bezier(.3,1.5,.45,1),opacity .2s;transform:scale(.4)}.sheet.in .sheet-panel{opacity:1;transform:scale(1)}.sheet.out .sheet-panel{opacity:0;transition-duration:.22s;transform:scale(.8)}.sheet-x{top:-14px;right:-14px}}#popups{z-index:70;pointer-events:none;position:fixed;inset:0}.rp{pointer-events:auto;place-items:center;display:grid;position:fixed;inset:0}.rp-back{opacity:0;background:radial-gradient(circle at 50% 45%,#143c788c,#06122cd1);transition:opacity .3s;position:absolute;inset:0}.rp.in .rp-back{opacity:1}.rp-rays{pointer-events:none;opacity:0;width:190vmax;height:190vmax;margin:-95vmax 0 0 -95vmax;transition:opacity .5s;position:absolute;top:46%;left:50%}.rp.in .rp-rays{opacity:1}.rp-rays i{background:repeating-conic-gradient(#ffec8c57 0deg 9deg,#ffec8c00 9deg 20deg);border-radius:50%;animation:14s linear infinite spin;position:absolute;inset:0;-webkit-mask-image:radial-gradient(closest-side,#000 0%,#000c 18%,#0000 46%);mask-image:radial-gradient(closest-side,#000 0%,#000c 18%,#0000 46%)}.rp--grape .rp-rays i{background:repeating-conic-gradient(#e6beff61 0deg 9deg,#e6beff00 9deg 20deg)}@keyframes spin{to{transform:rotate(360deg)}}.rp-card{text-align:center;border:4px solid var(--navy);width:min(340px,100vw - 48px);box-shadow:inset 0 4px 0 #fff, inset 0 -7px 0 #e9c88ccc, 0 8px 0 var(--navy), 0 30px 60px #00000073;opacity:0;background:linear-gradient(#fffef9 0%,#fff0cf 100%);border-radius:30px;justify-items:center;gap:6px;padding:38px 22px 18px;display:grid;position:relative;transform:scale(.2)translateY(60px)}.rp.in .rp-card{animation:.7s cubic-bezier(.25,1.6,.45,1) forwards springin}.rp.out .rp-card{animation:.32s ease-in forwards cardout}.rp.out .rp-back,.rp.out .rp-rays{opacity:0;transition-duration:.3s}@keyframes springin{0%{opacity:0;transform:scale(.2)translateY(60px)}55%{opacity:1;transform:scale(1.08)translateY(-6px)}75%{transform:scale(.96)translateY(0)}to{opacity:1;transform:scale(1)}}@keyframes cardout{to{opacity:0;transform:scale(.7)translateY(30px)}}.rp-ribbon{min-height:52px;padding:8px 34px 11px;font-size:28px;position:absolute;top:-26px}.rp-icon{justify-content:center;align-items:center;width:160px;height:124px;margin:2px 0;display:flex;position:relative}.rp-icon.rp-collect{animation:.5s cubic-bezier(.3,1.8,.5,1) collect}@keyframes collect{40%{scale:1.3}to{scale:1}}.rp-glow{background:radial-gradient(closest-side,#fff5aaf2,#ffdc5a73 45%,#0000 72%);border-radius:50%;animation:1.6s ease-in-out infinite glowpulse;position:absolute;inset:-10px}.rp--grape .rp-glow{background:radial-gradient(closest-side,#f5d7fff2,#c88cff73 45%,#0000 72%)}@keyframes glowpulse{0%,to{opacity:.8;scale:.92}50%{opacity:1;scale:1.08}}.rp-stack{width:110px;height:96px;position:relative}.rp-stack .ic{filter:drop-shadow(0 4px #1b2a4a59);width:64px;height:64px;position:absolute}.rp-stack .ic.a{top:22px;left:2px;rotate:-16deg}.rp-stack .ic.b{top:20px;right:2px;rotate:14deg}.rp-stack .ic.c{width:70px;height:70px;animation:2s ease-in-out infinite floaty;top:0;left:22px}.rp-big{filter:drop-shadow(0 5px #1b2a4a4d);width:104px;height:104px;animation:2s ease-in-out infinite floaty;position:relative}.rp-big .ic{width:100%;height:auto}.rp-big img{object-fit:contain;width:100%;height:100%}@keyframes floaty{0%,to{translate:0}50%{translate:0 -6px}}.tw{width:26px;height:26px;animation:1.4s ease-in-out infinite twinkle;position:absolute}.tw .ic{width:100%;height:auto}.tw1{top:30px;left:0}.tw2{width:20px;height:20px;animation-delay:.45s;top:10px;right:-4px}.tw3{width:16px;height:16px;animation-delay:.9s;bottom:-6px;right:14px}@keyframes twinkle{0%,to{opacity:0;rotate:0deg;scale:.3}50%{opacity:1;rotate:45deg;scale:1}}.rp-title{color:#fff;--ol:6px;margin-top:4px;font-size:30px;line-height:1.05}.rp-amount{color:#ffd23f;--ol:8px;--od:5px;letter-spacing:.02em;font-size:54px;line-height:1}.rp--grape .rp-amount{color:#e3b8ff}.rp-amount small{font-size:30px}.rp-sub{color:#4a5a7c;max-width:280px;font-size:15px;font-weight:700}.rp-cta{min-width:190px;margin-top:8px}#fxcanvas{z-index:80;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}#flylayer{z-index:90;pointer-events:none;position:fixed;inset:0;overflow:hidden}.fly{will-change:transform;width:32px;height:32px;position:absolute;top:0;left:0}.fly .ic{filter:drop-shadow(0 3px #0a122466);width:100%;height:auto}.fly--fp .ic{animation:.5s linear infinite coinspin}@keyframes coinspin{0%,to{transform:scaleX(1)}50%{transform:scaleX(.25)}}.float-txt{color:#ffe066;--ol:6px;white-space:nowrap;font-size:30px;animation:1.3s cubic-bezier(.2,.9,.3,1) forwards floatup;position:absolute;translate:-50% -50%}.float-txt.good{color:#b6ff6b}.float-txt.bad{color:#ff8a8a}.float-txt.big{font-size:44px}@keyframes floatup{0%{opacity:0;transform:translateY(10px)scale(.4)}20%{opacity:1;transform:translateY(-10px)scale(1.2)}70%{opacity:1;transform:translateY(-40px)scale(1)}to{opacity:0;transform:translateY(-64px)scale(.95)}}.burst-p{pointer-events:none;will-change:transform, opacity;place-items:center;line-height:1;display:grid;position:absolute}.burst-p .ic{width:100%;height:auto}.burst-p .qx{font-family:var(--font-display);color:#b6ff6b;-webkit-text-stroke:4px var(--navy);paint-order:stroke fill}#toasts{left:50%;top:calc(var(--hud-h) + var(--safe-t) + 8px);z-index:85;pointer-events:none;justify-items:center;gap:8px;width:min(92vw,420px);display:grid;position:fixed;translate:-50%}.toast-link{pointer-events:auto;color:#5a24c0;text-underline-offset:2px;padding:6px 0;font-weight:700;text-decoration:underline;display:inline-block}.toast{border:3px solid var(--navy);box-shadow:0 4px 0 var(--navy), 0 10px 20px #061e3c4d;background:linear-gradient(#fffef9,#fff0cf);border-radius:99px;align-items:center;gap:8px;max-width:100%;padding:8px 16px 8px 8px;font-size:14px;font-weight:700;animation:.45s cubic-bezier(.3,1.6,.5,1) toastin;display:flex}.toast-ic{flex:none;width:30px;height:30px}.toast-ic .ic{width:100%;height:auto}.toast.out{animation:.3s ease-in forwards toastout}.toast--lime{background:linear-gradient(#f4ffd0,#c8f57e)}.toast--grape{background:linear-gradient(#f7ecff,#dcc0ff)}@keyframes toastin{0%{opacity:0;transform:translateY(-20px)scale(.8)}to{opacity:1;transform:none}}@keyframes toastout{to{opacity:0;transform:translateY(-12px)scale(.9)}}.shake{animation:.45s ease-out shake}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-9px,3px)rotate(-.6deg)}30%{transform:translate(8px,-3px)rotate(.5deg)}45%{transform:translate(-6px,2px)}60%{transform:translate(5px,-1px)}80%{transform:translate(-2px,1px)}}#wipe{z-index:100;pointer-events:none;position:fixed;inset:0;overflow:hidden}#wipe .wb{background:radial-gradient(circle at 34% 30%,#fffffff2 0 8%,#d2faff80 9% 30%,#78dcf559 60%,#ffffffbf 100%);border:3px solid #ffffffe6;border-radius:50%;animation:.62s cubic-bezier(.5,0,.6,1) forwards wbrise;position:absolute;bottom:-30vh;box-shadow:inset -6px -8px #1496c840}@keyframes wbrise{0%{opacity:1;transform:translateY(0)scale(.7)}80%{opacity:1}to{opacity:.2;transform:translateY(-160vh)scale(1.1)}}.screen.enter{animation:.5s cubic-bezier(.25,1.3,.45,1) both scrin}.screen.leave{pointer-events:none;animation:.28s ease-in both scrout}@keyframes scrin{0%{opacity:0;transform:translateY(26px)scale(.975)}to{opacity:1;transform:none}}@keyframes scrout{to{opacity:0;transform:scale(1.02)}}#app.booting .hud{transform:translateY(-110%)}#app.booting .dock{opacity:0}.hud{transition:transform .6s cubic-bezier(.3,1.4,.5,1) 50ms}.dock{transition:opacity .4s .1s}#app:not(.booting) .dock-bar{animation:.7s cubic-bezier(.3,1.4,.5,1) 80ms both dockin}@keyframes dockin{0%{transform:translateY(110%)}to{transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.fish-flip{transition:transform .2s!important}.reef-caust,.ray{animation:none!important}}