:root{--cream:#fff6e8;--peach:#ffc9a8;--coral:#ff8f7e;--mint:#9fe6c8;--lavender:#c9b8ff;--ink:#5b4a6b}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;background:#f6d9e8;margin:0;font-family:"Baloo 2",system-ui,sans-serif;overflow:hidden}#app,#app canvas{width:100%;height:100%;display:block;position:fixed;inset:0}#app canvas{cursor:crosshair}#hud{pointer-events:none;position:fixed;inset:0}.hint{opacity:.8;background:#fff6e8bf;border-radius:999px;padding:4px 12px;font-size:14px;font-weight:600;position:absolute;bottom:14px;left:16px}.dash{letter-spacing:1px;background:#fff6e8cc;border:3px solid #fff;border-radius:999px;place-items:center;width:120px;height:26px;font-size:13px;font-weight:800;display:grid;position:absolute;bottom:18px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px #5b4a6b26}.dash span{z-index:1;position:relative}.dash-fill{background:var(--mint);transform-origin:0;position:absolute;inset:0}.overlay{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f6d9e859;place-items:center;display:grid;position:fixed;inset:0}.overlay.hidden{display:none}.card{background:var(--cream);text-align:center;border:5px solid #fff;border-radius:32px;padding:24px 48px;box-shadow:0 10px #5b4a6b1f,0 20px 40px #5b4a6b26}.card h1{color:var(--coral);margin:0;font-size:48px;font-weight:800}.card p{margin:4px 0 0;font-size:18px;font-weight:600}.lil-gui.root{z-index:10}.infl{background:#fff6e8d9;border:4px solid #fff;border-radius:999px;place-items:center;width:300px;height:34px;font-size:16px;font-weight:800;display:grid;position:absolute;bottom:52px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 5px #5b4a6b26}.infl span{z-index:1;position:relative}.infl-fill{transform-origin:0;transition:background .2s;position:absolute;inset:0}.infl.danger{animation:.25s ease-in-out infinite alternate throb}@keyframes throb{to{transform:translate(-50%)scale(1.06)}}.score{background:#fff6e8d9;border:3px solid #fff;border-radius:999px;align-items:center;gap:6px;padding:4px 16px;font-size:15px;font-weight:700;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.score .pip{border:2px solid #fff;border-radius:50%;width:12px;height:12px;display:inline-block}.score .sep{width:10px}.score .who{white-space:nowrap}.feed{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:60px;right:16px}.feed-item{text-shadow:0 1px #5b4a6b40;background:#fff6e8e6;border:3px solid #fff;border-radius:999px;padding:3px 14px;font-weight:600;transition:opacity .6s,transform .6s}.feed-item.out{opacity:0;transform:translate(20px)}.banner{color:var(--coral);text-shadow:0 4px #fff,0 8px 18px #5b4a6b40;white-space:nowrap;font-size:56px;font-weight:800;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.banner.hidden{display:none}.hub-title{color:var(--coral);text-shadow:0 3px #fff,0 6px 14px #5b4a6b33;font-size:28px;font-weight:800;position:absolute;top:14px;left:16px}.hub-title span{color:var(--ink);vertical-align:middle;text-shadow:none;background:#fff6e8d9;border:3px solid #fff;border-radius:999px;margin-left:6px;padding:2px 10px;font-size:14px;font-weight:700}.prompt{background:var(--cream);border:4px solid #fff;border-radius:999px;padding:8px 22px;font-size:18px;font-weight:700;animation:.9s ease-in-out infinite alternate bob;position:absolute;bottom:70px;left:50%;transform:translate(-50%);box-shadow:0 6px #5b4a6b26}.prompt b{color:var(--coral)}.prompt.hidden{display:none}@keyframes bob{to{transform:translate(-50%)translateY(-6px)}}#fade{pointer-events:none;opacity:0;background:radial-gradient(circle,#fff6e8 0%,#ffd6e2 100%);transition:opacity .35s;position:fixed;inset:0}#fade.on{opacity:1}.crosshair{border:3px solid #fff;border-radius:50%;width:26px;height:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #5b4a6b59}.crosshair:after{content:"";background:var(--coral);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair.hidden{display:none}.hub-title .where{color:var(--coral);background:0 0;border:0;margin:0;padding:0;font-size:28px;font-weight:800}.online{pointer-events:none;color:#9a86a8;background:#fff6e8e6;border:3px solid #fff;border-radius:999px;padding:3px 14px;font-size:14px;font-weight:700;position:absolute;top:18px;right:16px}.online.on{color:#4f9e7a}.lil-gui.root{top:56px!important}.chatlog{pointer-events:none;flex-direction:column;gap:4px;width:min(360px,60vw);display:flex;position:absolute;bottom:96px;left:16px}.chat-line{background:#fff6e8e0;border-radius:14px;width:-moz-fit-content;width:fit-content;max-width:100%;padding:3px 12px;font-size:15px;font-weight:600;transition:opacity 1s}.chat-line.old{opacity:.35}.chat{pointer-events:auto;width:min(360px,60vw);color:var(--ink);background:#fff6e8eb;border:3px solid #fff;border-radius:999px;outline:none;padding:6px 14px;font:600 15px "Baloo 2",system-ui,sans-serif;position:absolute;bottom:54px;left:16px}.chat:focus{border-color:var(--coral)}.profile-card{flex-direction:column;align-items:center;gap:10px;min-width:300px;display:flex}.profile-card input{text-align:center;color:var(--ink);background:#fff;border:3px solid #fff;border-radius:999px;outline:none;padding:6px 18px;font:700 22px "Baloo 2",system-ui,sans-serif;box-shadow:inset 0 2px #5b4a6b14}.swatches{gap:10px;display:flex}.swatch{cursor:pointer;border:4px solid #fff;border-radius:50%;width:42px;height:42px;box-shadow:0 3px #5b4a6b26}.swatch.on{outline:4px solid var(--coral)}.species{gap:10px;display:flex}.sp{--tint:#ffb3c9;min-width:92px;color:var(--ink,#5b4a6b);cursor:pointer;background:#fff;border:3px solid #f1e6f3;border-radius:22px;flex-direction:column;align-items:center;gap:0;padding:8px 12px 6px;font:700 15px "Baloo 2",system-ui,sans-serif;transition:transform .15s,border-color .15s,background .15s;display:flex;box-shadow:0 4px #5b4a6b1f}.sp .sp-icon{font-size:34px;line-height:1.1;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.sp:hover .sp-icon{transform:rotate(-8deg)scale(1.08)}.sp.on{border-color:var(--coral);background:color-mix(in srgb, var(--tint) 30%, #fff);transform:translateY(-2px)}.sp.on .sp-icon{transform:scale(1.15)}.go{color:#fff;background:var(--coral);cursor:pointer;border:0;border-radius:999px;padding:8px 28px;font:800 20px "Baloo 2",system-ui,sans-serif;box-shadow:0 5px #e0707f}.go:active{transform:translateY(3px);box-shadow:0 2px #e0707f}.map-page{background:#bfe6ff}.map-page #app canvas{cursor:default}.map-top{pointer-events:none;z-index:5;justify-content:space-between;align-items:flex-start;padding:18px 22px;display:flex;position:fixed;top:0;left:0;right:0}.logo{flex-direction:column;line-height:.9;animation:.9s cubic-bezier(.2,1.6,.4,1) .2s both logoIn;display:flex}.logo-main{color:#ff8fab;letter-spacing:.5px;-webkit-text-stroke:7px #fff;paint-order:stroke fill;text-shadow:0 6px #5b4a6b2e,0 10px 22px #5b4a6b2e;font-size:46px;font-weight:800}.logo-sub{color:#fff;background:#7fb8f0;border:3px solid #fff;border-radius:999px;align-self:flex-start;margin-top:6px;padding:2px 14px;font-size:16px;font-weight:800;box-shadow:0 4px #5b4a6b26}@keyframes logoIn{0%{opacity:0;transform:translateY(-30px)scale(.8)}}.map-top-right{pointer-events:auto;align-items:center;gap:10px;display:flex}.map-page .online{position:static}.profile-chip{color:var(--ink);cursor:pointer;background:var(--cream);border:3px solid #fff;border-radius:999px;align-items:center;gap:8px;padding:4px 16px 4px 6px;font:800 15px "Baloo 2",system-ui,sans-serif;transition:transform .2s cubic-bezier(.2,1.8,.4,1);display:flex;box-shadow:0 4px #5b4a6b26}.profile-chip:hover{transform:translateY(-2px)scale(1.04)}.profile-chip .dot{background:#ffb3c9;border:3px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 0 0 2px #5b4a6b1f}#labels{pointer-events:none;z-index:3;position:fixed;inset:0}.zone-label{pointer-events:auto;cursor:pointer;color:#fff;white-space:nowrap;background:var(--c);box-shadow:0 5px 0 color-mix(in srgb, var(--c) 65%, #3b2a3f), 0 10px 18px #3b2a3f38;text-shadow:0 2px #0000001f;border:3px solid #fffffff2;border-radius:999px;align-items:center;gap:8px;padding:7px 18px 7px 8px;font:800 19px "Baloo 2",system-ui,sans-serif;transition:opacity .35s,filter .35s;animation:.7s cubic-bezier(.2,1.7,.4,1) both labelIn;display:flex;position:absolute;top:0;left:0}.zone-label:after{content:"";pointer-events:none;border:2px dashed #ffffff8c;border-radius:999px;position:absolute;inset:4px}.zone-label>*{transition:transform .35s cubic-bezier(.2,1.8,.4,1)}.zl-icon{background:#fff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;box-shadow:inset 0 -3px #00000014}.zl-icon svg{width:19px;height:19px;fill:var(--c)}.zl-soon{letter-spacing:.6px;text-transform:uppercase;background:#ffffff47;border-radius:999px;margin-left:2px;padding:0 7px;font-size:11px;font-weight:800}.zone-label.hot>*,.zone-label:hover>*{transform:translateY(-3px)scale(1.07)}.zone-label.hot{filter:brightness(1.06)saturate(1.1);z-index:2}.zone-label.hot .zl-icon{animation:.5s ease-in-out wiggle}.zone-label.dim{opacity:.25;filter:grayscale(.3)}@keyframes labelIn{0%{opacity:0;transform:translate(-50%,-50%)scale(0)rotate(-8deg)}}@keyframes wiggle{25%{transform:rotate(-12deg)scale(1.1)}75%{transform:rotate(10deg)scale(1.1)}}.map-panel{z-index:6;opacity:0;pointer-events:none;background:var(--cream);border:5px solid #fff;border-radius:30px;width:min(340px,86vw);padding:26px 24px 22px;transition:transform .55s cubic-bezier(.2,1.25,.3,1),opacity .3s;position:fixed;top:50%;right:24px;transform:translate(120%,-50%)rotate(4deg);box-shadow:0 10px #5b4a6b1f,0 24px 50px #3b2a3f40}.map-panel:before{content:"";border:2px dashed color-mix(in srgb, var(--c) 45%, #fff);pointer-events:none;border-radius:22px;position:absolute;inset:8px}.map-panel.show{opacity:1;pointer-events:auto;transform:translateY(-50%)rotate(0)}.panel-icon{background:var(--c);width:64px;height:64px;box-shadow:0 5px 0 color-mix(in srgb, var(--c) 65%, #3b2a3f);border:4px solid #fff;border-radius:50%;place-items:center;margin-top:-58px;display:grid}.map-panel.show .panel-icon{animation:.7s cubic-bezier(.2,1.8,.4,1) .15s both bounceIn}.panel-icon svg{fill:#fff;width:34px;height:34px}.map-panel h2{color:var(--c);margin:10px 0 4px;font-size:32px;font-weight:800;line-height:1}.map-panel p{margin:0 0 12px;font-size:16px;font-weight:600;line-height:1.35}.panel-meta{color:#8a7a99;background:#fff;border-radius:14px;margin-bottom:16px;padding:6px 12px;font-size:14px;font-weight:700}.panel-meta b{color:var(--c);font-size:17px}.panel-actions{gap:10px;display:flex}.panel-go,.panel-back{cursor:pointer;border:0;border-radius:999px;padding:9px 22px;font:800 19px "Baloo 2",system-ui,sans-serif;transition:transform .2s cubic-bezier(.2,1.8,.4,1),box-shadow .2s}.panel-go{color:#fff;background:var(--c);box-shadow:0 5px 0 color-mix(in srgb, var(--c) 60%, #3b2a3f);flex:1}.panel-go:hover:not(:disabled){transform:translateY(-2px)scale(1.03)}.panel-go:active:not(:disabled){box-shadow:0 2px 0 color-mix(in srgb, var(--c) 60%, #3b2a3f);transform:translateY(3px)}.panel-go:disabled{color:#9a8aa8;cursor:default;background:#e3dcea;box-shadow:0 5px #cfc5d8}.panel-back{color:var(--ink);background:#fff;box-shadow:0 5px #5b4a6b26}.panel-back:hover{transform:translateY(-2px)}@keyframes bounceIn{0%{transform:scale(0)rotate(-20deg)}}.map-hint{z-index:4;pointer-events:none;background:#fff6e8e6;border:3px solid #fff;border-radius:999px;padding:4px 18px;font-size:14px;font-weight:700;transition:opacity .4s;animation:.6s 2.6s both labelIn;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}body.focused .map-hint{opacity:0}.wipe{pointer-events:none;z-index:50;position:fixed;inset:0;overflow:hidden}.wipe i{background:#fffdf8;border-radius:50%;width:70vmax;height:70vmax;transition:transform .75s cubic-bezier(.6,0,.3,1);position:absolute;transform:translate(-50%,-50%)scale(0);box-shadow:inset 0 -18px 40px #c8bee659}.wipe.on i{transform:translate(-50%,-50%)scale(1)}.wipe i:first-child{transition-delay:0s;top:20%;left:10%}.wipe i:nth-child(2){transition-delay:60ms;top:10%;left:50%}.wipe i:nth-child(3){transition-delay:30ms;top:22%;left:90%}.wipe i:nth-child(4){transition-delay:90ms;top:60%;left:20%}.wipe i:nth-child(5){transition-delay:.12s;top:50%;left:55%}.wipe i:nth-child(6){transition-delay:50ms;top:65%;left:88%}.wipe i:nth-child(7){transition-delay:.1s;top:95%;left:12%}.wipe i:nth-child(8){transition-delay:20ms;top:95%;left:50%}.wipe i:nth-child(9){transition-delay:80ms;top:98%;left:92%}.wipe:not(.on) i{transition-duration:1.1s;transition-timing-function:cubic-bezier(.5,0,.2,1)}