.pt-share-trigger{position:relative}.pt-hud-share{--pt-share-gap: clamp(8px, calc(var(--pt-corner, 64px) * .22), 18px);right:calc(var(--pt-edge-right, 12px) + var(--pt-corner, 64px) + var(--pt-share-gap));background:#35b06a}.pt-share-trigger.live{background:#2f7d4f}.pt-share-trigger.trying{background:#b8871a}.pt-share-dot{position:absolute;top:-3px;right:-3px;width:16px;height:16px;border-radius:50%;border:3px solid #fff;background:#8ef0b0}.pt-share-trigger.trying .pt-share-dot{background:#ffd166;animation:pt-share-pulse 1.1s ease-in-out infinite}@keyframes pt-share-pulse{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.pt-share-trigger.trying .pt-share-dot{animation:none}}.pt-share-scrim{position:fixed;inset:0;z-index:20;background:#060e16b8;display:grid;place-items:center;padding:12px}.pt-share-card{width:min(460px,100%);max-height:100%;overflow:auto;background:#12263a;border:3px solid #0a1622;border-radius:24px;padding:20px;text-align:center;color:#f7fbff}.pt-share-card h2{margin:0 0 6px;font-size:26px}.pt-share-card p{margin:0 0 16px;font-size:16px;line-height:1.45;color:#c9dcec}.pt-share-qr{width:min(260px,68vw,40vh);height:auto;border-radius:16px;background:#fff;display:block;margin:0 auto 14px;padding:6px}.pt-share-words{font-size:20px;font-weight:800;line-height:1.5;letter-spacing:.01em;word-spacing:.1em;margin:0 0 14px;color:#ffd166}.pt-share-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.pt-share-btn{min-height:56px;padding:0 20px;border:0;border-radius:18px;background:#1d3a56;color:#f7fbff;font:inherit;font-weight:800;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .08s ease}.pt-share-btn:active{transform:scale(.95)}.pt-share-btn[disabled]{opacity:.55;cursor:default}.pt-share-btn.primary{background:#ffb703;color:#2b1b00}.pt-share-btn.quiet{background:transparent;color:#9fb8cd;font-size:16px}.pt-share-peers{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:17px;background:#1d3a56;border-radius:999px;padding:8px 16px;margin-bottom:10px}.pt-share-trouble{color:#ffd166;font-size:14px;margin:0 0 12px}.pt-share-here{margin:4px 0 14px}.pt-share-peer-row{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.pt-share-peer{position:relative;width:68px;height:84px;border-radius:16px;background:#1d3a56;display:grid;place-items:end center;padding:4px}.pt-share-peer.me{outline:3px solid #ffd166;outline-offset:-3px}.pt-share-peer-doll{display:block;width:100%;height:100%}.pt-share-peer-doll svg{width:100%;height:100%;display:block;color:#c9dcec}.pt-share-kick{position:absolute;top:-6px;right:-6px;width:30px;height:30px;padding:0;border:3px solid #12263a;border-radius:50%;background:#ee5a6a;color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .08s ease}.pt-share-kick svg{width:70%;height:70%;display:block}.pt-share-kick:active{transform:scale(.9)}.pt-share-toast{position:fixed;left:50%;bottom:12%;z-index:30;transform:translate(-50%);width:64px;height:64px;border-radius:50%;background:#12263a;border:3px solid #ffffff;display:grid;place-items:center;font-size:28px;pointer-events:none;animation:pt-share-toast 2.6s ease both}@keyframes pt-share-toast{0%{opacity:0;transform:translate(-50%) scale(.6)}10%,80%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(1)}}@media(prefers-reduced-motion:reduce){.pt-share-toast{animation:none}}.pt-share-note{margin:14px 0 0;font-size:14px;color:#8fa8bd}@media(max-height:520px){.pt-share-scrim{padding:8px}.pt-share-card{padding:10px 16px 12px;border-radius:18px}.pt-share-card h2{font-size:20px;margin-bottom:2px}.pt-share-card p{font-size:13px;line-height:1.3;margin-bottom:8px}.pt-share-note{font-size:12px;margin-top:6px}.pt-share-btn{min-height:56px;font-size:15px;padding:0 14px}.pt-share-qr{width:min(140px,36vh);margin-bottom:6px;padding:4px}.pt-share-words{font-size:15px;margin-bottom:6px}.pt-share-peers{font-size:14px;padding:5px 12px;margin-bottom:6px}.pt-share-here{margin:2px 0 8px}.pt-share-peer{width:48px;height:58px;border-radius:12px}.pt-share-kick{width:26px;height:26px}.pt-share-trouble{font-size:12px;margin-bottom:8px}}.pt-map-scrim{position:fixed;inset:0;z-index:30;background:#091421c7;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top,0px)) max(18px,env(safe-area-inset-right,0px)) max(10px,env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px));animation:pt-map-fade .16s ease-out}.pt-map-panel{position:relative;justify-self:center;width:100%;max-width:1120px;max-height:100%;min-height:0;display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--pt-cream, #fff7e6);border:var(--pt-rim-w, 5px) solid var(--pt-rim, #ffffff);border-radius:30px;box-shadow:0 6px #0003,0 18px 44px #0006;animation:pt-map-pop .18s ease-out}.pt-map-close{position:absolute;top:-14px;right:-14px;z-index:2;width:60px;height:60px;padding:0;border:var(--pt-rim-w, 5px) solid var(--pt-rim, #ffffff);border-radius:50%;background:var(--pt-orange, #f5921e);color:var(--pt-glyph, #1f1a17);display:grid;place-items:center;box-shadow:0 4px #0000002e;transition:transform .08s ease}.pt-map-close svg{width:58%;height:58%}.pt-map-close:active{transform:scale(.92)}.pt-map-grid{flex:0 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-content:start;gap:12px;padding:3px;overscroll-behavior:contain;scrollbar-width:thin}.pt-map-tile{position:relative;display:block;width:100%;aspect-ratio:7 / 4;min-height:100px;padding:0;border:var(--pt-rim-w, 5px) solid var(--pt-rim, #ffffff);border-radius:20px;background:#8ecae6;overflow:hidden;contain:paint;box-shadow:0 4px #0000002e;transition:transform .08s ease,box-shadow .12s ease}.pt-map-tile:active{transform:scale(.96);box-shadow:0 2px #0000002e}.pt-map-tile:focus-visible{outline:none;box-shadow:0 0 0 4px var(--pt-blue, #2f8be6),0 4px #0000002e}.pt-map-shot{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;object-fit:cover;object-position:50% 100%;animation:pt-map-shot-in .18s ease-out}@keyframes pt-map-shot-in{0%{opacity:0}to{opacity:1}}.pt-map-tile.waiting:before{content:"";position:absolute;inset:0;background:#cbb79c;clip-path:inset(67% 0 0 0);animation:pt-map-waiting 1.8s ease-in-out infinite}@keyframes pt-map-waiting{0%,to{opacity:.75}50%{opacity:1}}.pt-map-badge{position:absolute;left:6px;bottom:6px;width:36px;height:36px;border-radius:50%;border:3px solid var(--pt-rim, #ffffff);background:var(--pt-yellow, #ffc93c);display:grid;place-items:center;font-size:19px;line-height:1;box-shadow:0 3px #0003;pointer-events:none}.pt-map-badge.many{width:auto;min-width:36px;padding:0 8px;border-radius:18px;gap:2px;grid-auto-flow:column;font-size:17px}.pt-map-tile.here{border-color:var(--pt-yellow, #ffc93c)}.pt-map-here{position:absolute;right:6px;bottom:6px;width:36px;height:36px;border-radius:50%;border:3px solid var(--pt-rim, #ffffff);background:var(--pt-yellow, #ffc93c);color:var(--pt-glyph, #1f1a17);--pt-hole: var(--pt-yellow, #ffc93c);display:grid;place-items:center;box-shadow:0 3px #0003;pointer-events:none;animation:pt-map-here-bob 2.4s ease-in-out infinite}.pt-map-here svg{width:66%;height:66%;display:block}@keyframes pt-map-here-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes pt-map-fade{0%{opacity:0}to{opacity:1}}@keyframes pt-map-pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.pt-map-scrim,.pt-map-panel,.pt-map-here,.pt-map-shot,.pt-map-tile.waiting:before{animation:none}.pt-map-tile,.pt-map-close{transition:none}}@media(min-width:700px)and (min-height:500px){.pt-map-panel{padding:14px}.pt-map-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.pt-map-tile{border-radius:24px}.pt-map-badge{width:44px;height:44px;font-size:23px;border-width:4px;left:8px;bottom:8px}.pt-map-here{width:44px;height:44px;border-width:4px;right:8px;bottom:8px}.pt-map-close{width:66px;height:66px}}@media(max-width:480px){.pt-map-panel{padding:10px;border-radius:26px}.pt-map-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.pt-map-close{width:56px;height:56px}}@media(max-height:500px){.pt-map-scrim{padding:18px 18px 8px 8px}.pt-map-panel{padding:8px;gap:6px;border-radius:24px}.pt-map-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.pt-map-tile{border-radius:16px;border-width:4px}.pt-map-close{width:56px;height:56px;border-width:4px}.pt-map-badge{width:30px;height:30px;font-size:15px;border-width:3px;left:5px;bottom:5px}.pt-map-here{width:30px;height:30px;border-width:3px;right:5px;bottom:5px}}.pt-hud-new{width:var(--pt-doll-w, 82px);height:var(--pt-doll-h, 128px);color:var(--pt-blue, #2f8be6);--pt-hole: var(--pt-cream, #fff7e6)}.pt-hud-new:active{transform:translateY(-6px)}.pt-hud-new.full{color:#9fb0bf}@keyframes pt-walk-in{0%{transform:translate(var(--pt-walk-dx, 0px))}to{transform:translate(0)}}@keyframes pt-step-a{0%,to{transform:rotate(var(--pt-swing, 20deg))}50%{transform:rotate(calc(var(--pt-swing, 20deg) * -1))}}@keyframes pt-step-b{0%,to{transform:rotate(calc(var(--pt-swing, 20deg) * -1))}50%{transform:rotate(var(--pt-swing, 20deg))}}@keyframes pt-step-bounce{0%,to{transform:translateY(0) rotate(calc(var(--pt-waddle, 0deg) * -1))}50%{transform:translateY(calc(var(--pt-hop-h, 4px) * -1)) rotate(var(--pt-waddle, 0deg))}}svg.pt-stage .pt-walk-in{animation:pt-walk-in var(--pt-walk-ms, 1.1s) linear both}svg.pt-stage .pt-walk-in .pt-body{animation:pt-step-bounce var(--pt-step, .42s) ease-in-out infinite}svg.pt-stage .pt-walk-in .pt-leg-far,svg.pt-stage .pt-walk-in .pt-arm-near{animation:pt-step-a var(--pt-step, .42s) ease-in-out infinite}svg.pt-stage .pt-walk-in .pt-leg-near,svg.pt-stage .pt-walk-in .pt-arm-far{animation:pt-step-b var(--pt-step, .42s) ease-in-out infinite}.pt-char[data-kind=cat]{--pt-swing: 22deg;--pt-step: .36s;--pt-hop-h: 5px}.pt-char[data-kind=monster]{--pt-swing: 26deg;--pt-step: .46s;--pt-hop-h: 8px}.pt-char[data-kind=robot]{--pt-swing: 8deg;--pt-step: .54s;--pt-hop-h: 1px}.pt-char[data-kind=icecream]{--pt-swing: 12deg;--pt-step: .5s;--pt-hop-h: 2px;--pt-waddle: 4deg}.pt-char[data-kind=skeleton]{--pt-swing: 32deg;--pt-step: .32s;--pt-hop-h: 6px}.pt-char.pt-carried .pt-leg-far{transform:rotate(calc(var(--pt-leg-far, 0deg) * var(--pt-kick, 1)))}.pt-char.pt-carried .pt-leg-near{transform:rotate(calc(var(--pt-leg-near, 0deg) * var(--pt-kick, 1)))}.pt-char.pt-carried .pt-arm-far{transform:rotate(calc(var(--pt-arm-far, 0deg) * var(--pt-kick, 1)))}.pt-char.pt-carried .pt-arm-near{transform:rotate(calc(var(--pt-arm-near, 0deg) * var(--pt-kick, 1)))}.pt-char[data-kind=robot]{--pt-kick: .4}.pt-char[data-kind=icecream]{--pt-kick: .7}.pt-char[data-kind=monster]{--pt-kick: 1.15}.pt-char[data-kind=skeleton]{--pt-kick: 1.35}.pt-wiggle{animation:pt-sway 5.2s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}@keyframes pt-blip{0%,62%,70%,to{opacity:1}65%{opacity:.2}}.pt-blip{animation:pt-blip 3.7s linear infinite}@keyframes pt-chatter{0%,87%,to{transform:translateY(0)}89%,93%{transform:translateY(1.6px)}91%,95%{transform:translateY(0)}}.pt-chatter{animation:pt-chatter 6.1s linear infinite;transform-box:fill-box}@media(prefers-reduced-motion:reduce){svg.pt-stage .pt-walk-in,svg.pt-stage .pt-walk-in .pt-body,svg.pt-stage .pt-walk-in .pt-limb,.pt-wiggle,.pt-blip,.pt-chatter{animation:none}svg.pt-stage .pt-walk-in,svg.pt-stage .pt-walk-in .pt-body{transform:none}.pt-char.pt-carried .pt-leg-far,.pt-char.pt-carried .pt-leg-near,.pt-char.pt-carried .pt-arm-far,.pt-char.pt-carried .pt-arm-near{transform:none}.pt-hud-new{transition:none}}.pt-hud.pt-hud-toca{--pt-h: clamp(420px, 100vmin, 540px);--pt-min: 56px;--pt-corner: max(var(--pt-min), calc(var(--pt-h) * .1136));--pt-rim-w: calc(var(--pt-h) * .0091);--pt-edge-top: max(calc(var(--pt-h) * .0318), env(safe-area-inset-top, 0px));--pt-edge-left: max(calc(var(--pt-h) * .0659), env(safe-area-inset-left, 0px));--pt-edge-right: max(calc(var(--pt-h) * .0659), env(safe-area-inset-right, 0px));--pt-tab-w: max(var(--pt-min), calc(var(--pt-h) * .1159));--pt-tab-h: max(var(--pt-min), calc(var(--pt-h) * .1091));--pt-face: max(var(--pt-min), calc(var(--pt-h) * .0856));--pt-face-gap: calc(var(--pt-h) * .0227);--pt-face-floor: calc(var(--pt-h) * .0553);--pt-round: max(var(--pt-min), calc(var(--pt-h) * .0932));--pt-round-gap: calc(var(--pt-h) * .0189);--pt-keys-floor: calc(var(--pt-h) * .1159);--pt-keys-w: calc(var(--pt-round) * 2 + var(--pt-round-gap));--pt-kind: max(var(--pt-min), calc(var(--pt-h) * .0806));--pt-kind-gap: calc(var(--pt-h) * .0045);--pt-tag-w: max(var(--pt-min), calc(var(--pt-h) * .0811));--pt-tag-h: calc(var(--pt-tag-w) * 1.186);--pt-strip-w: calc(var(--pt-tag-w) + var(--pt-kind) * 6 + var(--pt-kind-gap) * 7 + var(--pt-round) + 12px);--pt-strip-h: var(--pt-tag-h);--pt-push: 0px;--pt-row-floor: calc(var(--pt-push) * .477);--pt-strip-floor: calc(var(--pt-push) * .12);--pt-doll-h: 34.2466vh ;--pt-doll-w: calc(var(--pt-doll-h) * .56);--pt-doll-gap: calc(var(--pt-h) * .0705);--pt-lift: 14px;--pt-ghost: calc(var(--pt-face) * 1.7);--pt-item: var(--pt-corner);--pt-white: #ffffff;--pt-red: #ee5a6a;--pt-green: #22b14c;--pt-pink: #f4749f;--pt-tile: #e1e8ed;--pt-tile-ink: #7d8c9e}.pt-hud-toca .pt-hud-corner{color:#fff;box-shadow:none}.pt-hud-toca .pt-hud-corner svg{width:58%;height:58%}.pt-hud-toca .pt-hud-tab-faces{left:var(--pt-edge-left);right:auto}.pt-hud-toca .pt-hud-tab-people{right:var(--pt-edge-right);left:auto}.pt-hud-toca .pt-hud-tab{box-shadow:none;transition:transform .08s ease,opacity .16s ease}.pt-hud-toca .pt-hud-tab svg{width:60%;height:60%;margin-top:2px}.pt-hud-toca[data-tray] .pt-hud-tab{opacity:0;pointer-events:none}.pt-hud-toca .pt-hud-drawer{background:none;box-shadow:none;border-radius:0;padding:0;pointer-events:none}.pt-hud-toca .pt-hud-drawer>*{pointer-events:auto}.pt-hud-toca .pt-hud-tray{position:absolute;gap:0;padding:var(--pt-lift) 0 0;align-items:flex-end;scroll-snap-type:none}.pt-hud-toca .pt-hud-thumb>svg{pointer-events:none}.pt-hud-toca .pt-hud-drawer[data-drawer=faces]{height:calc(var(--pt-keys-floor) + var(--pt-round) + var(--pt-lift) + var(--pt-edge-bottom))}.pt-hud-toca .pt-face-keys{position:absolute;left:var(--pt-edge-left);bottom:calc(var(--pt-keys-floor) + var(--pt-edge-bottom));display:flex;gap:var(--pt-round-gap)}.pt-hud-toca .pt-face-row{left:calc(var(--pt-edge-left) + var(--pt-keys-w) + 8px);right:var(--pt-edge-right);bottom:calc(var(--pt-face-floor) + var(--pt-edge-bottom));height:calc(var(--pt-face) + var(--pt-lift));gap:var(--pt-face-gap);scroll-snap-type:x proximity}.pt-hud-toca .pt-face-row[data-more]{-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 30px),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 30px),transparent 100%)}.pt-hud-toca .pt-hud-face{scroll-snap-align:start}.pt-hud-toca .pt-hud-face{width:var(--pt-face);height:var(--pt-face);padding:0;background:var(--pt-white);border-radius:50%}.pt-hud-toca .pt-hud-undo{flex:none;width:var(--pt-face);height:var(--pt-face);padding:0;background:var(--pt-cream, #fff7e6);border-radius:50%;scroll-snap-align:start}.pt-hud-toca .pt-hud-undo:active{transform:translateY(-6px) scale(1.06)}.pt-hud-toca .pt-hud-dots{position:absolute;left:0;right:0;bottom:calc(var(--pt-h) * .03 + var(--pt-edge-bottom));display:flex;justify-content:center;gap:max(6px,calc(var(--pt-h) * .0091));pointer-events:none}.pt-hud-toca .pt-hud-dots span{width:max(8px,calc(var(--pt-h) * .0106));height:max(8px,calc(var(--pt-h) * .0106));border-radius:50%;background:#ffffffb8;box-shadow:0 0 0 1.5px #0000004d}.pt-hud-toca .pt-hud-dots span.on{background:#fff;box-shadow:0 0 0 1.5px #00000080}.pt-hud-toca .pt-round-key{flex:none;width:var(--pt-round);height:var(--pt-round);padding:0;border:0;border-radius:50%;background:var(--pt-white);color:#101010;display:grid;place-items:center;transition:transform .08s ease,background .15s ease}.pt-hud-toca .pt-round-key svg{width:56%;height:56%;display:block}.pt-hud-toca .pt-round-key:active{transform:scale(.92)}.pt-hud-toca .pt-key-sound{border:var(--pt-rim-w) solid var(--pt-white);color:#fff;background:var(--pt-green)}.pt-hud-toca .pt-key-sound.off{background:var(--pt-red)}.pt-hud-toca .pt-hud-drawer[data-drawer=people],.pt-hud-toca .pt-hud-drawer[data-drawer=people].out{top:0;height:auto;animation:none}.pt-hud-toca .pt-street{position:absolute;left:0;right:0;bottom:0;height:var(--pt-push);overflow:hidden;background-image:linear-gradient(to bottom,#9edcd4 0 3.4%,#578e88 3.4% 5.1%,#94cbc5 5.1% 19.6%,#6b9388 19.6% 20.9%,#d9d0c1 20.9% 39.6%,#7f8083 39.6% 41.3%,#66738f 41.3% 64.7%,#d6dfe6 64.7% 74.9%,#9ca5b4 74.9% 83%,#555f78 83% 100%);animation:pt-street-in .3s ease-out both}.pt-hud-toca .pt-street-pave{position:absolute;left:0;right:0;top:20.9%;height:18.7%;background-image:repeating-linear-gradient(90deg,transparent 0 calc(var(--pt-push) * .22 - 2px),rgba(140,128,110,.28) calc(var(--pt-push) * .22 - 2px) calc(var(--pt-push) * .22)),linear-gradient(to bottom,transparent 0 48%,rgba(140,128,110,.22) 48% 52%,transparent 52% 100%)}.pt-hud-toca .pt-street-kerb{position:absolute;left:0;right:0;top:64.7%;height:18.3%;display:block}.pt-hud-toca .pt-tuft{position:absolute;bottom:58.5%;width:calc(var(--pt-push) * .062);height:calc(var(--pt-push) * .055);background:#2f7a3b;clip-path:polygon(2% 100%,16% 26%,28% 100%,36% 100%,50% 0%,62% 100%,70% 100%,84% 32%,98% 100%)}@keyframes pt-street-in{0%{transform:translateY(var(--pt-push))}to{transform:none}}@keyframes pt-street-out{0%{transform:none}to{transform:translateY(var(--pt-push))}}.pt-hud-toca .pt-hud-drawer.out .pt-street,.pt-hud-toca .pt-hud-drawer.out .pt-cast-row,.pt-hud-toca .pt-hud-drawer.out .pt-cast-strip{animation:pt-street-out .3s ease-out both}.pt-hud-toca .pt-cast-row{left:0;right:0;bottom:calc(var(--pt-row-floor) + var(--pt-edge-bottom));height:calc(var(--pt-doll-h) + var(--pt-lift));display:block;overflow:visible;padding:0;touch-action:none;-webkit-mask-image:none;mask-image:none;animation:pt-street-in .3s ease-out both;pointer-events:none}.pt-hud-toca .pt-cast-row .pt-hud-thumb{position:absolute;bottom:var(--pt-stand, 0px);margin-left:calc(var(--pt-doll-w) * var(--pt-size, 1) / -2);touch-action:none;pointer-events:auto}.pt-hud-toca .pt-cast-row .pt-hud-doll{width:calc(var(--pt-doll-w) * var(--pt-size, 1));height:calc(var(--pt-doll-h) * var(--pt-size, 1))}.pt-hud-toca .pt-cast-row .pt-hud-thumb.lifted{visibility:hidden}@keyframes pt-cast-walk{0%{transform:translate(var(--pt-walk-dx, 0px))}to{transform:translate(0)}}@keyframes pt-cast-leave{0%{transform:translate(0)}to{transform:translate(var(--pt-walk-dx, 0px))}}.pt-hud-toca .pt-cast-row .pt-cast-walk{animation:pt-cast-walk var(--pt-walk-ms, 1.2s) linear both;animation-delay:var(--pt-walk-delay, 0ms)}.pt-hud-toca .pt-hud-drawer.out .pt-cast-row .pt-hud-doll,.pt-hud-toca .pt-hud-drawer.out .pt-cast-row .pt-hud-new{animation:pt-cast-leave .25s ease-in both;--pt-step-rate: .5}.pt-hud-toca .pt-cast-walk .pt-body,.pt-hud-toca .pt-hud-drawer.out .pt-cast-row .pt-hud-doll .pt-body{animation:pt-step-bounce calc(var(--pt-step, .42s) * var(--pt-step-rate, 1)) ease-in-out infinite}.pt-hud-toca .pt-cast-walk .pt-leg-far,.pt-hud-toca .pt-cast-walk .pt-arm-near,.pt-hud-toca .pt-hud-drawer.out .pt-cast-row .pt-hud-doll .pt-leg-far,.pt-hud-toca .pt-hud-drawer.out .pt-cast-row .pt-hud-doll .pt-arm-near{animation:pt-step-a calc(var(--pt-step, .42s) * var(--pt-step-rate, 1)) ease-in-out infinite}.pt-hud-toca .pt-cast-walk .pt-leg-near,.pt-hud-toca .pt-cast-walk .pt-arm-far,.pt-hud-toca .pt-hud-drawer.out .pt-cast-row .pt-hud-doll .pt-leg-near,.pt-hud-toca .pt-hud-drawer.out .pt-cast-row .pt-hud-doll .pt-arm-far{animation:pt-step-b calc(var(--pt-step, .42s) * var(--pt-step-rate, 1)) ease-in-out infinite}@keyframes pt-fidget{0%,14%{transform:rotate(0)}34%{transform:rotate(1.5deg)}56%{transform:rotate(0)}74%{transform:rotate(-1.2deg)}92%,to{transform:rotate(0)}}.pt-hud-toca .pt-hud-drawer:not(.out) .pt-cast-row .pt-fidget:not(.pt-cast-walk) .pt-body{animation:pt-fidget 4.6s ease-in-out infinite;animation-delay:var(--pt-idle-delay, 0s);transform-box:fill-box;transform-origin:50% 100%}.pt-hud-toca .pt-hud-tab{transition:bottom .3s ease-out,transform .08s ease,opacity .16s ease}.pt-hud-toca[data-pushed] .pt-hud-tab{bottom:var(--pt-push);z-index:1}.pt-hud-toca .pt-cast-strip{position:absolute;right:var(--pt-edge-right);bottom:calc(var(--pt-strip-floor) + var(--pt-edge-bottom));max-width:calc(100vw - var(--pt-edge-left) - var(--pt-edge-right));display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px var(--pt-kind-gap);animation:pt-street-in .3s ease-out both}.pt-hud-toca .pt-cast-kind{flex:none;width:var(--pt-kind);height:var(--pt-kind);padding:0;border:2px solid #93a1b2;border-radius:calc(var(--pt-kind) * .22);background:var(--pt-tile);color:var(--pt-tile-ink);display:grid;place-items:center;transition:transform .08s ease,background .15s ease}.pt-hud-toca .pt-cast-kind svg{width:92%;height:92%;display:block}.pt-hud-toca .pt-cast-kind:active{transform:scale(.94)}.pt-hud-toca .pt-cast-kind.on{background:#fff;border-color:#43536a;color:#33445c}.pt-hud-toca .pt-cast-kind.none{background:#eaeff3;border-color:#bcc7d2;color:#bcc7d2}.pt-hud-toca .pt-cast-tag{position:relative;flex:none;width:var(--pt-tag-w);height:var(--pt-tag-h);padding:0;border:0;background:#101010;clip-path:polygon(50% 0%,100% 24%,100% 100%,0% 100%,0% 24%);color:#a3235a;display:grid;place-items:center;transition:transform .08s ease}.pt-hud-toca .pt-cast-tag:before{content:"";position:absolute;inset:2.5px;background:var(--pt-pink);clip-path:polygon(50% 0%,100% 24%,100% 100%,0% 100%,0% 24%)}.pt-hud-toca .pt-cast-tag svg{position:relative;width:62%;height:62%;margin-top:14%;display:block}.pt-hud-toca .pt-cast-tag:active{transform:scale(.94)}.pt-hud-toca .pt-cast-tag.on:before{background:#ff8fb6}.pt-hud-toca .pt-hud-ghost{filter:none;background:var(--pt-white);border-radius:50%;padding:0}@media(max-width:1000px){.pt-hud-toca .pt-cast-row{padding-right:0}}@media(max-width:640px){.pt-hud.pt-hud-toca{--pt-edge-left: max(14px, env(safe-area-inset-left, 0px));--pt-edge-right: max(14px, env(safe-area-inset-right, 0px));--pt-doll-gap: 8px;--pt-strip-h: calc(var(--pt-tag-h) + var(--pt-kind) + 4px)}.pt-hud-toca .pt-face-row{left:var(--pt-edge-left)}.pt-hud-toca .pt-face-keys{bottom:calc(var(--pt-face-floor) + var(--pt-face) + 12px + var(--pt-edge-bottom))}.pt-hud-toca .pt-hud-drawer[data-drawer=faces]{height:calc(var(--pt-face-floor) + var(--pt-face) + 12px + var(--pt-round) + var(--pt-lift) + var(--pt-edge-bottom))}}@media(prefers-reduced-motion:reduce){.pt-hud-toca .pt-round-key,.pt-hud-toca .pt-cast-kind,.pt-hud-toca .pt-cast-tag{transition:none}.pt-hud-toca .pt-hud-drawer .pt-cast-row .pt-hud-thumb,.pt-hud-toca .pt-hud-drawer .pt-cast-row .pt-hud-thumb .pt-body,.pt-hud-toca .pt-hud-drawer .pt-cast-row .pt-hud-thumb .pt-limb{animation:none;transform:none}}:root{--hud: #12263a;--hud-2: #1d3a56;--ink: #f7fbff;--accent: #ffb703;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden;background:#0d1b2a;font-family:Nunito,"Baloo 2",ui-rounded,SF Pro Rounded,system-ui,sans-serif;color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none}.pt-app{position:fixed;inset:0;display:flex;flex-direction:column}.pt-stage{flex:1;min-height:0;width:100%;touch-action:none;display:block;contain:layout paint style;transition:transform .3s ease-out}.pt-stage.pt-scene-out{opacity:0;transition:opacity .11s ease-in}.pt-stage.pt-scene-in{opacity:1;transition:opacity .14s ease-out}.pt-stage.pt-scene-building{display:none}.pt-grabbable{cursor:grab}.pt-tappable{cursor:pointer}.pt-lifted{cursor:grabbing;filter:drop-shadow(0 14px 18px rgba(0,0,0,.35))}@keyframes pt-float{0%{opacity:0;translate:0 6px}40%{opacity:1}to{opacity:0;translate:0 -16px}}.pt-float{animation:pt-float 2.6s ease-out infinite}@keyframes pt-pop{0%{opacity:0;transform:scale(.4)}30%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1) translateY(-18px)}}.pt-pop{animation:pt-pop 1.4s ease-out forwards}@keyframes pt-water{0%,to{opacity:.55}50%{opacity:1}}.pt-water{animation:pt-water .45s ease-in-out infinite}@keyframes pt-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pt-spin{animation:pt-spin 1.1s linear infinite;transform-origin:48px 62px}@keyframes pt-sway{0%,to{rotate:-4deg}50%{rotate:4deg}}.pt-sway{animation:pt-sway 6.4s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 0}@keyframes pt-bob{0%,to{translate:0 0}50%{translate:0 -4px}}.pt-bob{animation:pt-bob 5.6s ease-in-out infinite}@keyframes pt-drift{0%,to{translate:0 0}50%{translate:26px 0}}.pt-drift{animation:pt-drift 7.8s ease-in-out infinite}@keyframes pt-bubble-up{0%{opacity:0;translate:0 4px}25%{opacity:1}to{opacity:0;translate:0 -40px}}.pt-bubble-up{animation:pt-bubble-up 3.4s linear infinite}@keyframes pt-flicker{0%,to{scale:1 1}50%{scale:1.05 .93}}.pt-flicker{animation:pt-flicker .9s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}@keyframes pt-blink{0%,93%,to{scale:1 1}96%{scale:1 .08}}.pt-blink{animation:pt-blink 4.3s linear infinite;transform-box:fill-box;transform-origin:50% 50%}@keyframes pt-glance{0%,85.5%,93.5%,to{translate:0 0}87%,92%{translate:2px 0}}.pt-glance{animation:pt-glance 7.1s linear infinite}@keyframes pt-breathe{0%,to{scale:1 1}50%{scale:1 1.0065}}.pt-breathe{animation:pt-breathe 3.1s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}.pt-carried .pt-breathe,.pt-lifted .pt-breathe,.pt-trot .pt-breathe,.pt-set-down .pt-breathe,.pt-tap-hop .pt-breathe,.pt-walk-in .pt-breathe,.pt-cast-walk .pt-breathe,.pt-hud-drawer.out .pt-breathe{animation:none}.pt-limb{transform-box:fill-box}.pt-leg-far{transform-origin:19px 10px}.pt-leg-near{transform-origin:14px 10px}.pt-arm-far,.pt-arm-near{transform-origin:50% 0}.pt-body{transform-box:fill-box;transform-origin:50% 100%}.pt-char[data-kind=bean]{--pt-swing: 0deg;--pt-step: .46s;--pt-hop-h: 2px;--pt-waddle: 7deg;--pt-kick: .5}.pt-char[data-kind=chick]{--pt-swing: 30deg;--pt-step: .3s;--pt-hop-h: 7px;--pt-waddle: 2deg;--pt-kick: 1.25}.pt-carried .pt-body,.pt-trot .pt-body{transform:translateY(var(--pt-bob, 0px)) rotate(var(--pt-lean, 0deg))}.pt-carried .pt-leg-far,.pt-trot .pt-leg-far{transform:rotate(var(--pt-leg-far, 0deg))}.pt-carried .pt-leg-near,.pt-trot .pt-leg-near{transform:rotate(var(--pt-leg-near, 0deg))}.pt-carried .pt-arm-far,.pt-trot .pt-arm-far{transform:rotate(var(--pt-arm-far, 0deg))}.pt-carried .pt-arm-near,.pt-trot .pt-arm-near{transform:rotate(var(--pt-arm-near, 0deg))}@keyframes pt-rumble{0%,to{translate:0 0}50%{translate:0 -1.2px}}.pt-rolling{animation:pt-rumble .22s ease-in-out infinite}@keyframes pt-wheel{0%{rotate:0deg}to{rotate:360deg}}.pt-rolling [data-wheel]{animation:pt-wheel .62s linear infinite;transform-box:fill-box;transform-origin:50% 50%}@keyframes pt-squash{0%{transform:scale(1.06,.88)}55%{transform:scale(.98,1.03)}to{transform:none}}@keyframes pt-hop{0%,to{transform:translateY(0)}45%{transform:translateY(-10px)}}.pt-set-down .pt-body{animation:pt-squash .18s ease-out}.pt-tap-hop .pt-body{animation:pt-hop .22s ease-out}@keyframes pt-chew-mouth{0%,to{scale:1 1}12%,37%,62%,87%{scale:1.12 .3}25%,50%,75%{scale:.96 1.18}}@keyframes pt-chew-cheeks{0%,to{scale:1 1}12%,37%,62%,87%{scale:1.028 .99}25%,50%,75%{scale:.994 1.006}}.pt-chew [data-mouth]{animation:pt-chew-mouth 1s ease-in-out;transform-box:fill-box;transform-origin:50% 50%}.pt-chew [data-jaw]{animation:pt-chew-cheeks 1s ease-in-out;transform-box:fill-box;transform-origin:50% 90%}@keyframes pt-hop-shade{0%,to{transform:scale(1);opacity:1}45%{transform:scale(.84);opacity:.7}}@keyframes pt-land-shade{0%{transform:scale(.88)}55%{transform:scale(1.12,1.08)}to{transform:none}}.pt-tap-hop [data-contact]{animation:pt-hop-shade .22s ease-out}.pt-set-down [data-contact]{animation:pt-land-shade .18s ease-out}.pt-char [data-contact]{transform-box:fill-box;transform-origin:50% 50%}@keyframes pt-prop-squash{0%{transform:scale(1)}45%{transform:scale(1.05,.93)}to{transform:none}}@keyframes pt-prop-react{0%{transform:scale(1)}45%{transform:scale(1.08)}to{transform:none}}.pt-tap [data-reacts]{animation:pt-prop-react .12s ease-out;transform-box:fill-box;transform-origin:50% 50%}.pt-tap [data-reacts=foot]{animation-name:pt-prop-squash;transform-origin:50% 100%}.pt-tap.pt-small:not(:has([data-reacts])){animation:pt-prop-squash .12s ease-out;transform-box:fill-box;transform-origin:50% 100%}@keyframes pt-item-land{0%{transform:translateY(-13px) scale(.95,1.06)}45%{transform:translateY(0) scale(1.14,.86)}72%{transform:translateY(-5px) scale(.97,1.03)}to{transform:none}}.pt-land .pt-thing{animation:pt-item-land .35s ease-out;transform-box:fill-box;transform-origin:50% 100%}@media(prefers-reduced-motion:reduce){.pt-float,.pt-water,.pt-spin,.pt-blink,.pt-glance,.pt-breathe,.pt-sway,.pt-bob,.pt-drift,.pt-bubble-up,.pt-flicker,.pt-set-down .pt-body,.pt-tap-hop .pt-body,.pt-chew [data-mouth],.pt-chew [data-jaw],.pt-tap-hop [data-contact],.pt-set-down [data-contact],.pt-rolling,.pt-rolling [data-wheel],.pt-tap [data-reacts],.pt-tap.pt-small,.pt-land .pt-thing{animation:none}.pt-carried .pt-body,.pt-carried .pt-limb,.pt-trot .pt-body,.pt-trot .pt-limb{transform:none}.pt-stage.pt-scene-out,.pt-stage.pt-scene-in{transition:none;opacity:1}}.pt-hud{--pt-yellow: #FFC93C;--pt-yellow-lit: #FFD966;--pt-orange: #F5921E;--pt-blue: #2F8BE6;--pt-blue-deep: #1F6FC0;--pt-cream: #FFF7E6;--pt-rim: #ffffff;--pt-glyph: #1F1A17;--pt-rim-w: 5px;--pt-corner: 64px;--pt-tab-w: 116px;--pt-tab-h: 62px;--pt-doll-w: 82px;--pt-doll-h: 128px;--pt-face: 78px;--pt-ghost: 100px;--pt-tray-floor: 14px;--pt-item: 64px;--pt-edge-top: max(10px, env(safe-area-inset-top, 0px));--pt-edge-left: max(12px, env(safe-area-inset-left, 0px));--pt-edge-right: max(12px, env(safe-area-inset-right, 0px));--pt-edge-bottom: env(safe-area-inset-bottom, 0px);position:fixed;inset:0;z-index:7;pointer-events:none;overflow:hidden}.pt-hud>*{pointer-events:auto}.pt-hud button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pt-hud-corner{position:absolute;top:var(--pt-edge-top);width:var(--pt-corner);height:var(--pt-corner);padding:0;border:var(--pt-rim-w) solid var(--pt-rim);border-radius:50%;color:var(--pt-glyph);display:grid;place-items:center;box-shadow:0 4px #0000002e;transition:transform .08s ease,filter .15s ease}.pt-hud-corner svg{width:62%;height:62%}.pt-hud-corner:active{transform:scale(.92)}.pt-hud-corner[aria-expanded=true]{filter:brightness(1.08)}.pt-hud-back{left:var(--pt-edge-left);background:var(--pt-orange)}.pt-hud-menu{right:var(--pt-edge-right);background:var(--pt-blue)}.pt-hud-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;border:3px solid var(--pt-rim);background:#8ef0b0}.pt-hud-tab{position:absolute;bottom:0;z-index:4;width:var(--pt-tab-w);height:calc(var(--pt-tab-h) + var(--pt-edge-bottom));padding:0 0 var(--pt-edge-bottom);border:var(--pt-rim-w) solid var(--pt-rim);border-bottom:0;border-radius:999px 999px 0 0;background:var(--pt-yellow);--pt-hole: var(--pt-yellow);color:var(--pt-glyph);display:grid;place-items:center;box-shadow:0 -3px #00000014;transition:transform .08s ease,background .15s ease}.pt-hud-tab svg{width:40px;height:40px;margin-top:4px}.pt-hud-tab:active{transform:scale(.95);transform-origin:50% 100%}.pt-hud-tab[aria-expanded=true]{background:var(--pt-yellow-lit);--pt-hole: var(--pt-yellow-lit)}.pt-hud-tab-people{left:var(--pt-edge-left)}.pt-hud-tab-faces{right:var(--pt-edge-right)}.pt-hud-drawer{position:absolute;left:0;right:0;bottom:0;z-index:2;background:var(--pt-cream);border-radius:30px 30px 0 0;box-shadow:0 -5px #fffc,0 -12px 32px #00000038;padding:12px 14px calc(var(--pt-tray-floor) + var(--pt-edge-bottom));animation:pt-hud-rise .18s ease-out}.pt-hud-drawer.out{animation:pt-hud-sink .18s ease-in forwards}.pt-hud-drawer{padding-left:calc(var(--pt-edge-left) + var(--pt-tab-w) + 10px);padding-right:calc(var(--pt-edge-right) + var(--pt-tab-w) + 10px)}.pt-hud-drawer[data-drawer=people] .pt-hud-tray{padding-bottom:0}.pt-hud-tray{display:flex;align-items:flex-end;gap:14px;overflow-x:auto;overflow-y:hidden;padding:6px 6px 8px;scrollbar-width:none;scroll-snap-type:x proximity;touch-action:pan-x}.pt-hud-tray::-webkit-scrollbar{display:none}.pt-hud-thumb{flex:none;padding:0;border:0;background:none;display:block;scroll-snap-align:end;touch-action:pan-x;transition:transform .09s ease}.pt-hud-thumb svg{width:100%;height:100%;display:block;overflow:visible}.pt-hud-doll{width:var(--pt-doll-w);height:var(--pt-doll-h)}.pt-hud-doll:active{transform:translateY(-6px)}.pt-hud-face{width:var(--pt-face);height:var(--pt-face)}.pt-hud-face:active{transform:translateY(-6px) scale(1.06)}.pt-hud-shelf{position:absolute;left:0;right:0;bottom:calc(var(--pt-tray-floor) + var(--pt-edge-bottom) + 3px);height:6px;border-radius:3px;background:#1f1a1721}@keyframes pt-wobble{0%,to{transform:rotate(0)}20%{transform:rotate(-7deg)}45%{transform:rotate(6deg)}70%{transform:rotate(-3deg)}}.pt-wobble{animation:pt-wobble .42s ease-in-out}.pt-hud-ghost{position:fixed;left:0;top:0;z-index:20;width:var(--pt-ghost);height:var(--pt-ghost);pointer-events:none;filter:drop-shadow(0 10px 12px rgba(0,0,0,.35))}.pt-hud-ghost svg{width:100%;height:100%;display:block;overflow:visible}@keyframes pt-ghost-back{to{transform:translate(var(--pt-home-x),var(--pt-home-y)) translate(-50%,-50%) scale(.3);opacity:0}}.pt-hud-ghost.back{animation:pt-ghost-back .24s ease-in forwards}.pt-hud-pop{position:absolute;top:calc(var(--pt-edge-top) + var(--pt-corner) + 10px);max-width:calc(100% - var(--pt-edge-left) - var(--pt-edge-right));display:flex;flex-wrap:wrap;gap:10px;padding:10px;background:var(--pt-cream);border-radius:26px;box-shadow:0 5px #00000024,0 12px 30px #00000038;animation:pt-hud-drop .16s ease-out;transform-origin:top center}.pt-hud-pop-left{left:var(--pt-edge-left);justify-content:flex-start}.pt-hud-pop-right{right:var(--pt-edge-right);justify-content:flex-end}.pt-hud-item{flex:none;width:var(--pt-item);height:var(--pt-item);padding:0;border:var(--pt-rim-w) solid var(--pt-rim);border-radius:50%;background:var(--pt-blue);--pt-hole: var(--pt-blue);color:#fff;display:grid;place-items:center;box-shadow:0 3px #00000024;transition:transform .08s ease,background .15s ease}.pt-hud-item svg{width:60%;height:60%}.pt-hud-item:active{transform:scale(.92)}.pt-hud-item[aria-pressed=true]{background:var(--pt-orange);--pt-hole: var(--pt-orange)}.pt-hud-room{background:var(--pt-yellow);font-size:34px;line-height:1}@keyframes pt-hud-rise{0%{transform:translateY(100%)}to{transform:none}}@keyframes pt-hud-sink{0%{transform:none}to{transform:translateY(110%)}}@keyframes pt-hud-drop{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.pt-hud-drawer{animation:none}.pt-hud-drawer.out{animation:none;visibility:hidden}.pt-hud-pop,.pt-wobble{animation:none}.pt-hud-ghost.back{animation:none;opacity:0}.pt-hud-corner,.pt-hud-tab,.pt-hud-thumb,.pt-hud-item{transition:none}}@media(max-height:430px){.pt-hud{--pt-corner: 56px;--pt-tab-w: 104px;--pt-tab-h: 54px;--pt-face: 70px;--pt-ghost: 92px;--pt-item: 56px;--pt-rim-w: 4px;--pt-edge-top: max(8px, env(safe-area-inset-top, 0px))}.pt-hud-tab svg{width:34px;height:34px}.pt-hud-drawer{padding-top:6px;border-radius:24px 24px 0 0}.pt-hud-tray{padding:4px;gap:8px}.pt-hud-room{font-size:28px}}@media(max-width:480px){.pt-hud{--pt-tab-w: 84px;--pt-face: 70px;--pt-tray-floor: calc(var(--pt-tab-h) + 3px)}.pt-hud-tab svg{width:32px;height:32px}.pt-hud-drawer{padding-left:14px;padding-right:14px}.pt-hud-tray{gap:8px}}.pt-btn{min-height:52px;min-width:52px;padding:0 16px;border:0;border-radius:16px;background:var(--hud-2);color:var(--ink);font:inherit;font-weight:800;font-size:17px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .08s ease,background .15s ease}.pt-btn:active{transform:scale(.94)}.pt-btn[aria-pressed=true]{background:#2f5f8a}.pt-primary{background:var(--accent);color:#2b1b00}.pt-sheet{position:fixed;inset:0;z-index:10;--cc-bg: #e4f1f8;--cc-panel: #bfeff2;--cc-on: #3fbfc9;--cc-ink: #2b2523;--cc-tile: clamp(56px, 15vh, 96px);--cc-btn: clamp(56px, 6vw, 68px);color:var(--cc-ink);background-color:var(--cc-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='112' viewBox='0 0 112 112'%3E%3Cg transform='rotate(-8 56 58)'%3E%3Cg fill='%23f0f7fb'%3E%3Ccircle cx='42' cy='39' r='6.5'/%3E%3Ccircle cx='70' cy='39' r='6.5'/%3E%3Cpath d='M34 58q0-22 22-22t22 22q0 20-22 20T34 58z'/%3E%3C/g%3E%3Cg fill='%23e4f1f8'%3E%3Ccircle cx='49' cy='56' r='2.4'/%3E%3Ccircle cx='63' cy='56' r='2.4'/%3E%3C/g%3E%3Cpath d='M50 64q6 5 12 0' fill='none' stroke='%23e4f1f8' stroke-width='2.2' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");background-size:92px 92px;display:flex}.pt-sheet-inner{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.pt-sheet-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 8px 0}.pt-who{display:flex;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none}.pt-who::-webkit-scrollbar{display:none}.pt-chip{width:56px;height:56px;flex:none;padding:0;border:3px solid #fff;border-radius:50%;background:#fff;cursor:pointer;display:grid;place-items:center;overflow:hidden;transition:transform .08s ease}.pt-chip:active{transform:scale(.94)}.pt-chip.on{border-color:var(--cc-on)}.pt-close{width:56px;height:56px;flex:none;padding:10px;border:0;border-radius:50%;background:#fff;color:var(--cc-ink);cursor:pointer;display:grid;place-items:center}.pt-close svg{width:100%;height:100%;display:block}.pt-dress{flex:1;min-height:0;display:flex;gap:10px;padding:4px 10px}.pt-doll{flex:0 0 clamp(180px,31vw,380px);min-height:0;display:grid;place-items:end center}.pt-doll svg{width:100%;height:100%;display:block}.pt-doll-ground{fill:#c3d8e6}.pt-picker{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:26px;background:var(--cc-panel)}.pt-grid{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;display:grid;grid-template-columns:repeat(auto-fill,var(--cc-tile));justify-content:center;gap:8px;align-content:start;padding:1px}.pt-grid::-webkit-scrollbar{display:none}.pt-grid-outfits{--cc-tile: clamp(64px, 20vh, 120px)}.pt-tile{width:var(--cc-tile);height:var(--cc-tile);flex:none;padding:0;border:0;border-radius:50%;background:#fff;cursor:pointer;display:grid;place-items:center;overflow:hidden;transition:transform .08s ease,background .15s ease}.pt-tile>svg{width:82%;height:82%}.pt-tile:active{transform:scale(.93)}.pt-tile.on{background:var(--cc-on)}.pt-row{flex:none;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:1px}.pt-row::-webkit-scrollbar{display:none}.pt-tile-sm{width:56px;height:56px}.pt-dots{flex:none;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}.pt-dots::-webkit-scrollbar{display:none}.pt-dot{width:56px;height:56px;flex:none;padding:0;border:3px solid #fff;border-radius:50%;cursor:pointer;transition:transform .08s ease}.pt-dot:active{transform:scale(.88)}.pt-dot.on{border-color:var(--cc-ink);box-shadow:0 0 0 3px #fff inset}.pt-rail{flex:none;display:flex;gap:6px;padding:4px 8px 6px;overflow-x:auto;scrollbar-width:none}.pt-rail::-webkit-scrollbar{display:none}.pt-rail-group{flex:none;display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--cc-pill)}.pt-rail-yellow{--cc-pill: #fff0b3;--cc-disc: #ffd23f}.pt-rail-teal{--cc-pill: #cfeff2;--cc-disc: #5fd0d9}.pt-rail-pink{--cc-pill: #ffdce0;--cc-disc: #ff8a95}.pt-tab{width:var(--cc-btn);height:var(--cc-btn);flex:none;padding:10px;border:3px solid transparent;border-radius:50%;background:var(--cc-disc);color:var(--cc-ink);--pt-hole: var(--cc-disc);cursor:pointer;display:grid;place-items:center;transition:transform .08s ease,background .15s ease}.pt-tab svg{width:100%;height:100%;display:block}.pt-tab:active{transform:scale(.93)}.pt-tab.on{background:#fff;border-color:var(--cc-ink);--pt-hole: #fff}@media(max-height:560px){.pt-sheet .pt-sheet-inner .pt-rail{display:flex;gap:6px}}.pt-sheet .pt-picker .pt-tile-sm{border-radius:50%}.pt-sheet .pt-rail .pt-tab{width:var(--cc-btn);height:var(--cc-btn)}@media(max-width:600px){.pt-dress{flex-direction:column;gap:6px;padding:4px 8px}.pt-doll{flex:0 0 min(34vh,280px)}.pt-picker{border-radius:22px;padding:8px}.pt-grid-outfits{--cc-tile: clamp(64px, 26vw, 120px)}}@keyframes pt-aim{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.pt-aim .pt-body{animation:pt-aim .62s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.pt-aim .pt-body{animation:none}.pt-tab,.pt-tile,.pt-dot{transition:none}}
