.px-scope{--px-page:#123c45;--px-surface:#0c2f37;--px-surface-2:#164b55;--px-surface-3:#20656c;--px-fg:#f3f1e6;--px-dim:#b3cbc9;--px-mute:#93b0ae;--px-accent-lit:#e8743a;--px-ink:#081f26;--px-sun:#ffe375;--px-sky:#a6e8fa;--px-st-live:#9cf0cb;--px-st-call:#a6e8fa;--px-st-proto:#ffe375;--px-st-paused:#b0c3c3;--px-display:var(--font-titan), ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif;--px-ease-out-quad:cubic-bezier(.25, .46, .45, .94);--px-ease-in-out:cubic-bezier(.455, .03, .515, .955);--px-gutter:clamp(16px, 4vw, 32px);--px-notch:polygon(0 2px, 2px 2px, 2px 0, calc(100% - 2px) 0, calc(100% - 2px) 2px, 100% 2px, 100% calc(100% - 2px), calc(100% - 2px) calc(100% - 2px), calc(100% - 2px) 100%, 2px 100%, 2px calc(100% - 2px), 0 calc(100% - 2px));--px-frame-panel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' shape-rendering='crispEdges'%3E%3Cpath fill='%23081f26' d='M2 0h14v2h2v14h-2v2H2v-2H0V2h2z'/%3E%3Cpath fill='%23164b55' d='M2 2h14v14H2z'/%3E%3Cpath fill='%230c2f37' d='M3 3h12v12H3z'/%3E%3C/svg%3E");--px-frame-sun:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' shape-rendering='crispEdges'%3E%3Cpath fill='%23081f26' d='M2 0h14v2h2v14h-2v2H2v-2H0V2h2z'/%3E%3Cpath fill='%23fff3b8' d='M2 2h14v14H2z'/%3E%3Cpath fill='%23ffe375' d='M3 3h12v12H3z'/%3E%3C/svg%3E");--px-frame-button:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' shape-rendering='crispEdges'%3E%3Cpath fill='%23081f26' d='M2 0h14v2h2v14h-2v2H2v-2H0V2h2z'/%3E%3Cpath fill='%2320656c' d='M2 2h14v14H2z'/%3E%3Cpath fill='%23164b55' d='M3 3h12v12H3z'/%3E%3C/svg%3E");--px-frame-button-hover:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' shape-rendering='crispEdges'%3E%3Cpath fill='%23081f26' d='M2 0h14v2h2v14h-2v2H2v-2H0V2h2z'/%3E%3Cpath fill='%232f7f73' d='M2 2h14v14H2z'/%3E%3Cpath fill='%2320656c' d='M3 3h12v12H3z'/%3E%3C/svg%3E");--px-frame-accent:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' shape-rendering='crispEdges'%3E%3Cpath fill='%23081f26' d='M2 0h14v2h2v14h-2v2H2v-2H0V2h2z'/%3E%3Cpath fill='%23c94e12' d='M2 2h14v14H2z'/%3E%3Cpath fill='%238e3510' d='M3 3h12v12H3z'/%3E%3C/svg%3E");--px-frame-accent-hover:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' shape-rendering='crispEdges'%3E%3Cpath fill='%23081f26' d='M2 0h14v2h2v14h-2v2H2v-2H0V2h2z'/%3E%3Cpath fill='%23e8743a' d='M2 2h14v14H2z'/%3E%3Cpath fill='%238e3510' d='M3 3h12v12H3z'/%3E%3C/svg%3E");--px-frame-plate:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' shape-rendering='crispEdges'%3E%3Cpath fill='%23081f26' d='M1 0h7v1h1v7h-1v1H1v-1H0V1h1z'/%3E%3Cpath fill='%2320656c' d='M1 1h7v7H1z'/%3E%3Cpath fill='%230c2f37' d='M2 2h5v5H2z'/%3E%3C/svg%3E");--px-frame-plate-hover:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' shape-rendering='crispEdges'%3E%3Cpath fill='%23081f26' d='M1 0h7v1h1v7h-1v1H1v-1H0V1h1z'/%3E%3Cpath fill='%23e8743a' d='M1 1h7v7H1z'/%3E%3Cpath fill='%230c2f37' d='M2 2h5v5H2z'/%3E%3C/svg%3E");--px-frame-plate-sun:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' shape-rendering='crispEdges'%3E%3Cpath fill='%23081f26' d='M1 0h7v1h1v7h-1v1H1v-1H0V1h1z'/%3E%3Cpath fill='%23fff3b8' d='M1 1h7v7H1z'/%3E%3Cpath fill='%23ffe375' d='M2 2h5v5H2z'/%3E%3C/svg%3E")}.px-scope .sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.px-wrap{width:100%;max-width:1264px;padding-inline:var(--px-gutter);margin-inline:auto}.px-scope .px-frame{border:6px solid #0000;border-image:var(--px-frame-panel) 6 fill / 6px;line-height:0;display:inline-block}.px-scope .px-frame canvas{image-rendering:pixelated;display:block}.px-scope .px-panel{border:6px solid #0000;border-image:var(--px-frame-panel) 6 fill / 6px}.px-scope .btn{border:6px solid #0000;border-image:var(--px-frame-button) 6 fill / 6px;min-height:44px;color:var(--px-fg);font:600 16px/1.3 var(--font-sans);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 12px;text-decoration:none;display:inline-flex}.px-scope .btn:hover{border-image:var(--px-frame-button-hover) 6 fill / 6px}.px-scope .btn.primary{border-image:var(--px-frame-accent) 6 fill / 6px}.px-scope .btn.primary:hover{border-image:var(--px-frame-accent-hover) 6 fill / 6px}.px-scope .btn[aria-pressed=true]{border-image:var(--px-frame-sun) 6 fill / 6px;color:var(--px-ink)}.px-scope .btn:focus-visible,.px-scope a:focus-visible,.px-scope button:focus-visible{outline:3px solid var(--px-sun);outline-offset:2px}.px-scope .btn svg{fill:currentColor;flex:none;width:16px;height:16px}.px-scope .tag{font:600 12px/20px var(--font-sans);color:var(--px-ink);background:var(--px-sun);clip-path:var(--px-notch);white-space:nowrap;padding:0 6px;display:inline-block}.px-scope .st-live{--st:var(--px-st-live)}.px-scope .st-call{--st:var(--px-st-call)}.px-scope .st-proto{--st:var(--px-st-proto)}.px-scope .st-paused{--st:var(--px-st-paused)}.px-scope .tag[class*=st-]{background:var(--st)}.px-scope .pip{background:var(--st,var(--px-sun));outline:2px solid var(--px-ink);flex:none;width:8px;height:8px;display:inline-block}.px-scope .chip{font:500 14px/24px var(--font-sans);background:var(--px-surface-2);color:var(--px-fg);clip-path:var(--px-notch);padding:0 8px;display:inline-block}.px-hero{justify-items:center;gap:12px;min-width:0;margin:0;display:grid}.px-hero canvas{aspect-ratio:168/116;background:var(--px-surface);width:min(504px,100vw - 44px)}.px-hero figcaption{color:var(--px-mute);text-align:center;font-size:14px}.px-hero time{color:var(--px-fg);font-variant-numeric:tabular-nums;font-weight:600}.px-hq .legend{color:var(--px-dim);flex-wrap:wrap;gap:8px 24px;margin:24px 0 0;font-size:16px;display:flex}.px-hq .legend li{align-items:center;gap:8px;display:inline-flex}.px-hq .legend b{color:var(--px-fg);font-variant-numeric:tabular-nums;font-weight:600}.px-hq .hq-body{gap:24px;margin-top:40px;display:grid}.px-hq[data-mode=side] .hq-body{grid-template-columns:minmax(0,1fr) 300px;align-items:start}.px-hq .hq-stage{min-width:0}.px-hq .hq-board{box-sizing:content-box;border:6px solid #0000;border-image:var(--px-frame-panel) 6 fill / 6px;margin:0 auto;position:relative}.px-hq #hq-canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.px-hq .hq-grid{position:absolute;inset:0}.px-hq .hq-row{pointer-events:none;position:absolute;inset:0}.px-hq .hq-sign,.px-hq .hq-cell{pointer-events:auto;position:absolute}.px-hq .hq-sign{white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding-inline:8px;font-size:12px;line-height:16px;display:flex}.px-hq .sg-name{color:var(--px-fg);font-weight:600}.px-hq .sg-note{color:var(--px-dim)}.px-hq .hq-room{width:100%;height:100%;color:var(--px-fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0}.px-hq .hq-room:focus-visible{outline:3px solid var(--px-sun);outline-offset:-3px}.px-hq .plate{left:4px;top:max(0px, calc((var(--hq-s,2) * 15px - 20px) / 2));border:3px solid #0000;border-image:var(--px-frame-plate) 3 fill / 3px;max-width:calc(100% - 8px);font:600 12px/14px var(--font-sans);white-space:nowrap;align-items:center;gap:7px;padding:0 4px;display:inline-flex;position:absolute}.px-hq .plate .pip{outline-width:1px;width:6px;height:6px}.px-hq .hq-room:hover .plate{border-image:var(--px-frame-plate-hover) 3 fill / 3px}.px-hq [aria-selected=true]>.hq-room .plate{border-image:var(--px-frame-plate-sun) 3 fill / 3px;color:var(--px-ink)}.px-hq [aria-selected=true]>.hq-room{box-shadow:inset 0 0 0 2px var(--px-sun)}.px-hq .hq-note{max-width:72ch;color:var(--px-mute);text-align:center;margin:16px auto 0;font-size:14px}.px-hq .hq-note time{color:var(--px-fg);font-variant-numeric:tabular-nums;font-weight:600}.px-hq .hq-card{min-width:0;color:var(--px-fg);padding:20px 20px 24px;position:sticky;top:24px}.px-hq .hq-card h3{font:400 24px/1.1 var(--px-display);margin:0 48px 0 0}.px-hq .hq-card h3:focus{outline:none}.px-hq .card-x{width:44px;padding:0;position:absolute;top:8px;right:8px}.px-hq .c-status{color:var(--px-dim);flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 0;font-size:14px;display:flex}.px-hq .c-does{margin:16px 0 0;line-height:1.6}.px-hq .c-facts{gap:8px;margin:16px 0 0;font-size:14px;display:grid}.px-hq .c-facts div{grid-template-columns:88px minmax(0,1fr);gap:12px;display:grid}.px-hq .c-facts dt{color:var(--px-mute)}.px-hq .c-h{font:600 14px/1.4 var(--font-sans);color:var(--px-mute);margin:20px 0 8px}.px-hq .c-verbs{padding-left:20px;list-style:outside}.px-hq .c-verbs li+li{margin-top:2px}.px-hq .c-stack{flex-wrap:wrap;gap:8px;display:flex}.px-hq .c-link{margin-top:20px}.px-hq[data-mode=sheet] .hq-card{z-index:60;top:auto;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));filter:drop-shadow(0 6px #04141a8c);max-height:72svh;position:fixed;overflow:auto}@media (min-width:700px){.px-hq[data-mode=sheet] .hq-card{width:420px;left:auto;right:16px;bottom:calc(112px + env(safe-area-inset-bottom,0px))}}.px-hq .hq-list{gap:16px;margin-top:40px;display:grid}.px-hq .hq-list h3{font:400 20px/1.2 var(--px-display)}.px-hq .hq-list p{color:var(--px-dim);margin-top:4px}.px-hq[data-art=ready] .hq-list,.px-hq:not([data-art=starting]):not([data-art=ready]) .hq-body{display:none}.px-journey .journey-body{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:48px;margin-top:40px;display:grid}.px-journey .level-wrap{min-width:0;position:sticky;top:24px}.px-journey:not([data-art=starting]):not([data-art=ready]) .level-wrap{display:none}.px-journey .level-cap{color:var(--px-mute);margin:12px 0 0;font-size:14px}.px-journey .month{padding:0 0 48px 36px;position:relative}.px-journey .month:before{content:"";background:repeating-linear-gradient(var(--px-surface-3) 0 6px, transparent 6px 12px);width:2px;position:absolute;top:8px;bottom:0;left:7px}.px-journey .month:last-child{padding-bottom:32px}.px-journey .m-mark{background:var(--px-surface-2);outline:2px solid var(--px-ink);width:16px;height:16px;position:absolute;top:4px;left:0}.px-journey .month.is-active .m-mark{background:var(--px-sun)}.px-journey .month.is-active .m-mark:after{content:"";outline:3px solid var(--px-sun);animation:px-ping 1.5s var(--px-ease-in-out) both;position:absolute;inset:0}.px-journey .m-when{color:var(--px-sun);font-size:14px;font-weight:600}.px-journey .month h3{font:400 24px/1.15 var(--px-display);color:var(--px-fg);margin-top:2px}.px-journey .m-items{gap:12px;margin-top:16px;display:grid}.px-journey .m-items li{grid-template-columns:52px minmax(0,1fr);gap:12px;line-height:1.6;display:grid}.px-journey .m-items time{color:var(--px-mute);font-variant-numeric:tabular-nums;padding-top:1px;font-size:14px;font-weight:600}.px-journey .m-got{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.px-journey .m-got-l,.px-journey .m-born-l{color:var(--px-mute);font-size:14px}.px-journey .m-unlocks{flex-wrap:wrap;gap:8px;display:flex}.px-journey .unlock{align-items:center;gap:8px;display:inline-flex}.px-journey .unlock:before{content:"";background:var(--px-sun);outline:1px solid var(--px-ink);flex:none;width:8px;height:8px}.px-journey .m-born{color:var(--px-dim);margin-top:12px;font-size:14px}.px-journey .months-end{color:var(--px-dim);padding-left:36px}.px-journey .months-end a{color:var(--px-fg);text-decoration:underline;-webkit-text-decoration-color:var(--px-accent-lit);text-decoration-color:var(--px-accent-lit);text-underline-offset:3px;padding-block:2px;font-weight:600;display:inline-block}.px-dock-sea{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.px-dock-sea canvas,.px-dock-boat{image-rendering:pixelated;pointer-events:none;position:absolute;top:0;left:0}.px-lab.scenes{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px;display:grid}.px-lab .scene{min-width:0}.px-lab .scene-screen{border:1px solid var(--color-line);border-radius:var(--radius);outline-offset:3px;background:#061a20;outline:2px solid #0000;place-items:center;width:100%;line-height:0;transition:outline-color .2s ease-out;display:grid}.px-lab .scene-screen canvas{display:block}.px-lab .scene-screen.is-live{outline-color:var(--color-sun)}.px-lab .scene-missing .scene-screen{min-height:120px}@keyframes px-slide-in-bottom{0%{opacity:0;transform:translateY(1000px)}to{opacity:1;transform:translateY(0)}}@keyframes px-ping{0%{opacity:.8;transform:scale(.2)}80%{opacity:0;transform:scale(1.2)}to{opacity:0;transform:scale(2.2)}}.px-hq .hq-card.entering{animation:px-slide-in-bottom .5s var(--px-ease-out-quad) both}@media (max-width:1023px){.px-hero{justify-items:start}.px-hero figcaption{text-align:left}}@media (max-width:900px){.px-journey .journey-body{grid-template-columns:minmax(0,1fr);gap:24px}.px-journey .level-wrap{z-index:5;margin-inline:calc(-1 * var(--px-gutter));padding:calc(8px + env(safe-area-inset-top,0px)) var(--px-gutter) 8px;background:var(--px-page);top:0}.px-journey .level-cap{display:none}.px-lab.scenes{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.px-scope *,.px-scope :before,.px-scope :after{transition:none!important;animation:none!important}}.px-scope[data-art=failed] canvas{display:none}