.px-head{display: grid;gap: var(--s-2);margin-bottom: var(--s-5);max-width: var(--read)}.px-kicker{display: inline-flex;align-items: center;gap: 8px;color: var(--brand-text);font-weight: 700;font-size: 15px}.px-title{margin: 0}.px-lead{margin: 0;color: var(--text-2)}.px-meta{display: flex;flex-wrap: wrap;align-items: center;gap: 6px 18px;margin: 0;color: var(--text-3);font-size: 14px}.px-stats{display: inline-flex;flex-wrap: wrap;gap: 6px 16px;margin: 0}.px-stats .num{color: var(--text);font-weight: 600}.px-staff{margin: 4px 0 0}.px-grid{display: grid;gap: var(--s-4);align-items: start;grid-template-columns: minmax(0,1fr)}@media (min-width: 1024px){.px-grid{grid-template-columns: minmax(0,1fr) 320px}}.px-main{padding: var(--s-3);min-width: 0}.px-side{display: grid;gap: var(--s-4);align-items: start;min-width: 0}.px-state{padding: var(--s-6) var(--s-4)}.px-state-ic{display: grid;place-items: center;width: 56px;height: 56px;border-radius: 50%;background: var(--raised);color: var(--brand-text)}.px-board{display: grid;gap: 10px;min-width: 0}.px-stage{position: relative;aspect-ratio: 16 / 9;border-radius: var(--r);overflow: hidden;background: #0d0f14;border: 1px solid var(--line-strong)}@media (max-width: 699px){.px-stage{aspect-ratio: 1 / 1;max-height: 72svh;width: 100%}}.px-canvas{position: absolute;inset: 0;width: 100%;height: 100%;display: block;cursor: crosshair;touch-action: pan-y;outline: none;-webkit-tap-highlight-color: transparent}.px-canvas:focus-visible{box-shadow: inset 0 0 0 3px var(--blue-text)}.px-board[data-px] .px-canvas{background: repeating-conic-gradient(#1b1e27 0% 25%,#21242e 0% 50%) 0 0 / 12px 12px}.px-board.px-on .px-canvas{background: none}.px-tip{position: absolute;z-index: 2;max-width: calc(100% - 12px);padding: 6px 10px;border-radius: var(--r-sm);background: var(--elevated);border: 1px solid var(--line-loud);color: var(--text);font-size: 13px;line-height: 1.5;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;pointer-events: none;box-shadow: 0 6px 18px rgba(0,0,0,.45)}.px-who-srv{font-weight: 700}.px-nojs{position: absolute;inset: 0;display: grid;place-items: center;margin: 0;padding: var(--s-4);text-align: center;color: var(--text-2);font-size: 15px}.px-tools{display: flex;flex-wrap: wrap;gap: 6px}.px-board:not(.px-on) .px-tools,.px-board:not(.px-on) .px-dock,.px-board:not(.px-on) .px-replay{display: none}.px-tool{min-width: var(--tap);padding: 0}.px-tool-right svg{transform: rotate(180deg)}.px-tool-up svg{transform: rotate(90deg)}.px-tool-down svg{transform: rotate(-90deg)}.px-help{margin: 0;line-height: 1.6}.px-dock{display: grid;gap: 12px;min-width: 0}.px-status{display: flex;flex-wrap: wrap;align-items: center;gap: 6px 16px;margin: 0;font-size: 15px;color: var(--text-2)}.px-cd{color: var(--text);font-weight: 600}.px-ready{display: inline-flex;align-items: center;gap: 8px;color: var(--ok);font-weight: 700}.px-dot{width: 10px;height: 10px;border-radius: 50%;background: var(--ok)}.px-hint{flex: 1 1 200px}.px-pal{border: 0;margin: 0;padding: 0;min-width: 0}.px-pal-l{display: block;margin-bottom: 6px;padding: 0}.px-sws{display: grid;gap: 6px;grid-template-columns: repeat(auto-fill,minmax(44px,1fr))}@media (min-width: 640px){.px-sws{grid-template-columns: repeat(12,minmax(44px,1fr))}}.px-sw{min-height: var(--tap);aspect-ratio: 1;padding: 0;border-radius: var(--r-sm);cursor: pointer;background: var(--c);border: 2px solid rgba(255,255,255,.16);box-shadow: inset 0 0 0 1px rgba(0,0,0,.35)}.px-sw:hover{border-color: rgba(255,255,255,.5)}.px-sw[aria-pressed="true"]{border-color: var(--text);box-shadow: inset 0 0 0 3px #0A0A0C;outline: 2px solid var(--text);outline-offset: 2px}.px-sw:focus-visible{outline: 3px solid var(--blue-text);outline-offset: 2px}.px-sel{display: flex;flex-wrap: wrap;align-items: center;gap: 10px 12px;padding: 10px 12px;border-radius: var(--r);background: var(--raised);border: 1px solid var(--line-strong)}.px-sel[hidden]{display: none}.px-sel-sw{width: 28px;height: 28px;flex: none;border-radius: var(--r-sm);border: 2px solid rgba(255,255,255,.3)}.px-sel-txt{display: grid;gap: 2px;min-width: 0;flex: 1 1 180px}.px-sel-t{font-size: 15px}.px-sel-who{color: var(--text-3)}.px-sel-acts{display: flex;flex-wrap: wrap;gap: 8px;margin-inline-start: auto}.px-place[aria-disabled="true"]{opacity: .55}.px-msg{margin: 0;font-size: 14px;color: var(--text-2)}.px-msg[hidden]{display: none}.px-msg-ok{color: var(--ok)}.px-msg-err{color: var(--brand-text)}.px-why{margin: 0;color: var(--text-2);font-size: 15px;line-height: 1.6}.px-card{display: grid;gap: 10px;min-width: 0}.px-card-h{margin: 0}.px-card-p{margin: 0;line-height: 1.6}.px-dot-srv{width: 12px;height: 12px;flex: none;border-radius: 50%;background: var(--accent)}.px-srvs{border: 0;margin: 0;padding: 0;min-width: 0;display: grid;gap: 6px}.px-srv{display: flex;align-items: center;gap: 10px;min-height: var(--tap);padding: 4px 12px;border-radius: var(--r);border: 1px solid var(--line-strong);background: var(--raised);cursor: pointer}.px-srv:has(input:checked){border-color: var(--accent);box-shadow: inset 0 0 0 1px var(--accent)}.px-srv input{width: 18px;height: 18px;margin: 0;accent-color: var(--accent);flex: none}.px-srv-n,.px-me-n,.px-area-n,.px-tile-top-n{container-type: inline-size;min-width: 0;flex: 1;font-weight: 700}.px-srv-n{color: var(--text)}.px-err{margin: 0;color: var(--brand-text);font-size: 14px}.px-join-go{justify-self: start}.px-me-srv{display: flex;align-items: center;gap: 10px;margin: 0;font-size: 17px;color: var(--accent-text)}.px-me-count{margin: 0;color: var(--text-2)}.px-me-count .num{color: var(--text);font-weight: 600}.px-area-list{display: grid;gap: 10px;margin: 0;padding: 0;list-style: none}.px-area-row{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: 4px 10px;align-items: center}.px-area-n{color: var(--accent-text);font-size: 15px}.px-area-v{font-size: 14px;color: var(--text-2);white-space: nowrap}.px-area-pct{color: var(--text-3)}.px-area-bar{grid-column: 1 / -1;height: 6px;border-radius: 3px;background: var(--raised);overflow: hidden}.px-area-bar i{display: block;height: 100%;background: var(--accent);transform-origin: right center;transition: transform .6s ease}@media (prefers-reduced-motion: reduce){.px-area-bar i{transition: none}}html:not(.rv-js) .px-area-bar i{transition: none}.px-past{margin-top: var(--s-6);display: grid;gap: var(--s-3)}.px-past-h{margin: 0}.px-past-list{display: grid;gap: 8px;margin: 0;padding: 0;list-style: none;grid-template-columns: repeat(auto-fill,minmax(min(100%,320px),1fr));align-items: start}.px-past-row{display: flex;align-items: center;gap: 12px;min-height: var(--tap)}.px-past-ic{display: grid;place-items: center;width: 40px;height: 40px;flex: none;border-radius: var(--r);background: var(--raised);color: var(--brand-text)}.px-past-t{display: grid;gap: 2px;min-width: 0;flex: 1}.px-past-m{display: flex;flex-wrap: wrap;gap: 2px 12px}.px-past-top{color: var(--accent-text);container-type: inline-size;min-width: 120px;flex: 1 1 140px}.px-past-go{flex: none}.px-replay{display: flex;flex-wrap: wrap;align-items: center;gap: 10px 14px}.px-range{flex: 1 1 200px;min-height: var(--tap);accent-color: var(--brand)}.px-rp-date{min-width: 6em;color: var(--text-2);font-size: 15px}.px-tile-m{display: flex;flex-wrap: wrap;gap: 2px 12px}.px-tile-top{display: flex;align-items: center;gap: 8px;margin: 0;color: var(--accent-text)}.px-tile-top .tiny{flex: none}.px-a-lead{max-width: var(--read);margin: 0 0 var(--s-4)}.px-a-end{display: flex}.px-a-card{display: grid;gap: 12px;margin-bottom: var(--s-4);min-width: 0}.px-a-h{margin: 0}.px-a-sub{margin: 0;font-size: 16px}.px-a-help{margin: 0;line-height: 1.6}.px-a-facts{margin: 0;padding-inline-start: 18px;display: grid;gap: 4px;color: var(--text-2)}.px-a-form{display: grid;gap: 12px;min-width: 0}.px-a-pair,.px-a-quad{display: grid;gap: 10px;grid-template-columns: minmax(0,1fr)}@media (min-width: 640px){.px-a-pair{grid-template-columns: repeat(auto-fit,minmax(200px,1fr))}.px-a-quad{grid-template-columns: repeat(4,minmax(0,1fr))}}@media (max-width: 639px){.px-a-quad{grid-template-columns: repeat(2,minmax(0,1fr))}}.px-a-num{max-width: 160px}.px-a-check{display: flex;align-items: center;gap: 10px;min-height: var(--tap)}.px-a-check input{width: 18px;height: 18px;flex: none}.px-a-modes{border: 0;margin: 0;padding: 0;min-width: 0;display: grid;gap: 8px}.px-a-mode{display: flex;flex-wrap: wrap;align-items: center;gap: 6px 12px}.px-a-radio{display: inline-flex;align-items: center;gap: 8px;min-height: var(--tap);cursor: pointer}.px-a-radio input{width: 18px;height: 18px;flex: none}.px-a-when,.px-a-who{max-width: 240px}.px-a-acts{display: flex;flex-wrap: wrap;gap: 8px}.px-a-edit > summary{list-style: none;display: inline-flex}.px-a-edit > summary::-webkit-details-marker{display: none}.px-a-edit[open] > summary{margin-bottom: 12px}.px-a-board .px-stage{aspect-ratio: 16 / 9;max-height: none}.px-a-preview{display: grid;gap: 10px;padding: 12px;border-radius: var(--r);background: var(--raised)}.px-a-minis figure{margin: 0;display: grid;gap: 4px;justify-items: start}.px-a-minis canvas{max-width: 100%;height: auto;image-rendering: pixelated;border: 1px solid var(--line-strong);border-radius: var(--r-xs)}.px-a-placers{margin: 0;padding-inline-start: 18px;display: grid;gap: 4px}.px-a-list{margin: 0;padding: 0;list-style: none;display: grid;gap: 8px}.px-a-row{display: grid;gap: 0;justify-items: start}.px-a-row a{min-height: var(--tap);display: inline-flex;align-items: center}