:root{--px-line:color-mix(in srgb, var(--c-ink-navy) 14%, transparent);--px-line-2:color-mix(in srgb, var(--c-ink-navy) 24%, transparent)}*{box-sizing:border-box}html,body{background:var(--c-paper);color:var(--c-ink-navy);font-family:var(--font);margin:0}body{-webkit-text-size-adjust:100%}.px-top{border-bottom:1px solid var(--px-line);background:var(--c-paper);align-items:center;gap:10px;height:52px;padding:0 16px;display:flex}.px-top-logo img{width:92px;height:auto;display:block}.px-top-kick{font-family:var(--font-px);letter-spacing:.04em;color:var(--c-ink-navy-dim);font-size:16px;line-height:1;text-decoration:none}.px-top-kick:hover{color:var(--c-ink-navy)}.px-top-end{align-items:center;gap:6px;margin-left:auto;display:flex}.px-top-end .pe-b{min-height:32px;font-size:var(--fs-sm);align-items:center;gap:4px;padding:0 12px;text-decoration:none;display:inline-flex}.px-kick{font-family:var(--font-px);letter-spacing:.04em;color:var(--c-ink-navy-dim);margin:0;font-size:16px;line-height:1}.st-foot{border-top:1px solid var(--px-line);color:var(--c-ink-navy-dim);font-size:var(--fs-sm);margin-top:40px;padding:24px 16px 40px}.st-foot-links{flex-wrap:wrap;gap:4px 20px;display:flex}.st-foot a{color:var(--c-ink-navy-dim)}.st-foot p{margin:0}.st-foot .st-foot-back{border:2px solid var(--c-coral);border-radius:var(--r-md);min-height:44px;color:var(--c-coral);align-items:center;margin-bottom:16px;padding:0 18px;font-weight:800;text-decoration:none;display:inline-flex}.pe{--pe-btn:40px;color:var(--c-ink-navy);font-size:var(--fs-sm);flex-direction:column;gap:8px;display:flex}.pe-side{flex-direction:column;gap:8px;min-width:0;display:flex}.pe-meters{grid-template-columns:minmax(0,1fr) auto;place-items:start;gap:6px 10px;display:grid}.pe-meters .pe-m{grid-column:1}.pe-m{border-radius:var(--r-pill);background:var(--c-aqua-soft);font-variant-numeric:tabular-nums;padding:3px 10px}.pe-m.bad{background:var(--c-bad-soft);color:var(--c-bad);font-weight:700}.pe-stage{border-radius:var(--r-md);background:var(--c-paper);border:1px solid var(--px-line-2,#1524363d);touch-action:none;flex:none;height:clamp(240px,52dvh,560px);position:relative;overflow:hidden}.pe-canvas{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;display:block}.pe-previews{pointer-events:none;grid-area:1/2/span 3;gap:10px;display:flex}.pe-previews figure{flex-direction:column;align-items:center;gap:2px;margin:0;display:flex}.pe-previews figcaption{font-size:var(--fs-xs);color:var(--c-ink-navy-dim);line-height:1.2}.pe-previews canvas{image-rendering:pixelated;border-radius:4px;display:block}.pe-pvo{display:none!important}@media (width>=1024px){.pe-pvo{display:flex!important}}.pe-frames{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.pe-fr{border-radius:var(--r-sm);border:1px solid var(--px-line-2,#1524363d);background:var(--c-paper);cursor:pointer;flex:none;padding:4px;position:relative}.pe-fr canvas{height:40px;image-rendering:pixelated;display:block}.pe-fr[aria-pressed=true]{border-color:var(--c-coral)}.pe-fr.changed:after{content:"";background:var(--c-coral);border-radius:50%;width:7px;height:7px;position:absolute;top:3px;right:3px}.pe-tools{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid}.pe-tools .pe-b{font-size:var(--fs-xs);padding:0 2px}.pe-ib{border-radius:var(--r-md);flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:52px;line-height:1.1;display:flex}.pe-ib .ico{font-size:20px}.pe-ib span{font-size:10px}.pe .ico,.px-main .ico,.px-send .ico{flex:none;width:1em;height:1em}.pe-b .ico{vertical-align:-.15em}.pe-view{flex-wrap:wrap;gap:4px;display:flex}.pe-b{min-height:var(--pe-btn);border-radius:var(--r-pill);background:var(--c-paper);color:inherit;font:inherit;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:1px solid #15243638;flex:none;padding:0 12px}.pe-b[aria-pressed=true]{background:var(--c-ink-navy);color:var(--c-paper);border-color:var(--c-ink-navy)}.pe-b:disabled{opacity:.4;cursor:default}.pe-view .pe-b{min-height:32px;font-size:var(--fs-xs);padding:0 10px}.pe-colors{min-height:var(--pe-btn);align-items:center;gap:8px;display:flex}.pe-cur{width:var(--pe-btn);height:var(--pe-btn);border-radius:var(--r-sm);border:2px solid var(--c-ink-navy);background-image:none;flex:none}.pe-cur.clear{background:repeating-conic-gradient(#d9d6cf 0 25%, #f1efea 0 50%) 0 0 / 10px 10px}.pe-used{flex:auto;gap:4px;padding:2px;display:flex;overflow-x:auto}.pe-sw{cursor:pointer;touch-action:manipulation;border:1px solid #15243640;border-radius:6px;flex:none;width:32px;height:32px;padding:0}.pe-sw.on{outline:3px solid var(--c-coral);outline-offset:1px}.pe-drawer{max-height:40vh;overflow:auto}.pe-grid256{grid-template-columns:repeat(16,minmax(0,1fr));gap:2px;display:grid}.pe-grid256 .pe-sw{aspect-ratio:1;border-radius:3px;width:auto;height:auto}.pe-bgs{font-size:var(--fs-xs);align-items:center;gap:8px;display:flex}.pe-bgb{cursor:pointer;touch-action:manipulation;border:1px solid #1524364d;border-radius:50%;width:32px;height:32px;padding:0}.pe-bgb[aria-pressed=true]{outline:3px solid var(--c-coral);outline-offset:2px}.pe-bg-check{background:repeating-conic-gradient(#d9d6cf 0 25%, #f1efea 0 50%) 0 0 / 8px 8px}.pe-bg-green{background:#b5f2a0}.pe-bg-magenta{background:#f0f}.pe-hint{min-height:1.4em;color:var(--c-ink-navy-dim);font-size:var(--fs-xs);margin:0}@media (width>=1024px){.pe{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) 340px;gap:12px 16px;height:100%;min-height:0;display:grid}.pe-stage{height:auto;min-height:320px}.pe-meters{grid-column:1/-1}.pe-side{overflow-y:auto}.pe-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.pe-frames{flex-wrap:wrap;overflow:visible}.pe-colors{align-items:flex-start}.pe-used{flex-wrap:wrap;max-height:152px;overflow:hidden auto}.pe-drawer{max-height:none}}.px-send{background:0 0;border:0;width:min(420px,100vw - 32px);max-height:calc(100dvh - 32px);padding:0;overflow:auto}.px-send::backdrop{background:var(--c-modal-scrim)}.px-send .m-card{box-sizing:border-box;gap:12px;width:100%;padding:18px;line-height:1.6}.px-send h2{font-size:var(--fs-xl);color:var(--c-ink);text-wrap:balance;margin:0;line-height:1.4}.px-send p,.px-send ul{margin:0}.px-send p{color:var(--c-modal-dim);font-size:var(--fs-sm)}.px-send a{color:var(--c-aqua);font-weight:700}.px-send-list{text-align:left;width:100%;color:var(--c-ink);font-size:var(--fs-sm);padding-left:1.2em}.pe-b[hidden]{display:none}.px-send-go{background:var(--c-coral);color:var(--c-on-coral);border-color:var(--c-coral);box-shadow:var(--sh-coral);font-weight:800}.px-res{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.px-res-pair{box-sizing:border-box;border-radius:var(--r-lg);background:var(--c-sink-2);width:100%;box-shadow:inset 0 0 0 1px var(--c-modal-line);place-items:center;padding:18px 12px;display:grid}.px-pair{max-width:100%;height:auto;image-rendering:pixelated;display:block}.px-res .m-big{animation:px-pop .5s var(--ease,ease-out) both}.px-res-note{max-width:30em}.px-res-pts{font-size:var(--fs-sm);color:var(--c-modal-dim);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.px-res-dots{gap:6px;display:inline-flex}.px-res-dots i{border:2px solid var(--c-modal-line-2);border-radius:3px;width:14px;height:14px}.px-res-dots i.on{background:var(--c-coral);border-color:var(--c-coral)}.px-res-dots i.new{animation:px-pop .6s .25s var(--ease,ease-out) both}.px-slots{gap:5px;display:inline-flex}.px-slots i{border:2px solid var(--px-line-2);background:var(--c-paper);border-radius:4px;width:18px;height:18px}.px-slots i.on{background:var(--c-coral);border-color:var(--c-coral)}.px-res-meter{width:100%;font-size:var(--fs-xs);color:var(--c-modal-dim);grid-template-columns:auto auto 1fr;align-items:center;gap:4px 10px;display:grid}.px-res-meter b{font-weight:800;font-size:var(--fs-md);color:var(--c-ink);font-variant-numeric:tabular-nums}.px-res-bar{border-radius:var(--r-pill);background:var(--c-sink-2);height:8px;box-shadow:inset 0 0 0 1px var(--c-modal-line);position:relative}.px-res-bar i{border-radius:inherit;background:var(--c-aqua);position:absolute;inset:0 auto 0 0}.px-res.got .px-res-bar i{background:var(--c-coral)}.px-res-bar u{background:var(--c-ink);width:2px;margin-left:-1px;position:absolute;top:-4px;bottom:-4px}.px-res-tip{box-sizing:border-box;border-radius:var(--r-md);background:var(--c-modal-2);text-align:left;width:100%;padding:10px 12px}.px-res-zipnote{font-size:var(--fs-xs)!important;margin-top:-4px!important}.px-res-me{font-size:var(--fs-xs)!important}.px-res-wait{border-radius:var(--r-pill);background:var(--c-sink-2);width:60%;height:6px;overflow:hidden}.px-res-wait i{border-radius:inherit;background:var(--c-coral);width:40%;height:100%;animation:1.1s ease-in-out infinite alternate px-run;display:block}@keyframes px-run{0%{transform:translate(-10%)}to{transform:translate(160%)}}.px-send-invite{border-radius:var(--r-md);background:var(--c-ink-navy);color:var(--c-paper);animation:px-pop .6s .4s var(--ease,ease-out) both;margin:0 0 14px;padding:14px 16px;position:relative}.px-send-invite:before,.px-send-invite:after{content:"";background:var(--c-paper);border-radius:50%;width:16px;height:16px;margin-top:-8px;position:absolute;top:50%}.px-send-invite:before{left:-8px}.px-send-invite:after{right:-8px}.px-send-invite p{margin:0 0 4px}.px-send-invite a{color:var(--c-aqua)}.px-send-code{font:400 32px/1.1 var(--font-px);letter-spacing:.06em;color:var(--c-coral);-webkit-user-select:all;user-select:all}@keyframes px-pop{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}.px-send .px-send-invite{box-sizing:border-box;background:var(--c-bg-page);width:100%;box-shadow:inset 0 0 0 1px var(--c-coral);margin:0}.px-send .px-send-invite:before,.px-send .px-send-invite:after{background:var(--c-modal)}.px-send .px-send-invite p{color:var(--c-ink)}@media (prefers-reduced-motion:reduce){.px-res .m-big,.px-res-dots i.new,.px-send-invite,.px-res-wait i{animation:none}}.px-share-pic{width:100%}.px-share-pic canvas{border-radius:var(--r-md);width:100%;height:auto;display:block}.px-share-opt{text-align:left;width:100%;font-size:var(--fs-sm);color:var(--c-modal-dim)}.px-share-opt summary{cursor:pointer;text-align:center}.px-share-name{color:var(--c-ink);flex-direction:column;gap:4px;margin:12px 0 4px;font-weight:700;display:flex}.px-share-name input{font:inherit;border:1px solid var(--c-modal-line-2);border-radius:var(--r-sm);background:var(--c-sink-2);color:var(--c-ink);padding:10px 12px;font-weight:400}.px-share-note{font-size:var(--fs-xs)}.px-share-mark{color:var(--c-ink);align-items:center;gap:6px;margin:10px 0 0;display:flex}.px-share-done:empty{display:none}.m-card{border-radius:var(--r-xl);background:var(--c-modal);border:1px solid var(--c-modal-line-2);width:min(340px,100%);box-shadow:var(--sh-card);color:var(--c-ink);text-align:center;animation:m-pop var(--dur-3) var(--ease);flex-direction:column;align-items:center;gap:10px;padding:18px 16px 16px;display:flex;position:relative}@keyframes m-pop{0%{opacity:0;transform:scale(.92)}}.m-close{border-radius:var(--r-round);background:var(--c-fill-2);width:32px;height:32px;color:var(--c-ink);font-size:var(--ic-md);border:0;place-items:center;padding:0;display:grid;position:absolute;top:8px;right:8px}.m-close:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.m-card:has(>.m-close)>.m-kicker{padding-inline:36px}.m-kicker{width:100%;color:var(--c-modal-dim);font-size:var(--fs-sm);letter-spacing:.26em;white-space:nowrap;align-items:center;gap:12px;margin:0;font-weight:700;line-height:1;display:flex}.m-kicker:before,.m-kicker:after{content:"";background:var(--c-modal-line-2);flex:1;height:1px}.m-big{flex-wrap:wrap;justify-content:center;align-items:baseline;column-gap:4px;max-width:100%;line-height:1;display:flex}.m-num{font-family:var(--font-px);font-weight:400;font-size:var(--m-num,var(--fs-px-4));letter-spacing:0;white-space:nowrap;color:var(--c-coral);background:linear-gradient(var(--c-coral-hi) 0 34%, var(--c-coral) 34%);-webkit-text-fill-color:transparent;filter:var(--fx-num);-webkit-background-clip:text;background-clip:text;line-height:1}.m-num.sm{--m-num:var(--fs-px-3)}.m-num.xs{--m-num:var(--fs-px-2);filter:var(--fx-num-sm)}.m-num.plain{-webkit-text-fill-color:currentColor;filter:none;color:var(--c-ink);background:0 0}.m-word{font-family:var(--font-px);font-weight:400;font-size:var(--fs-px-4);letter-spacing:.02em;white-space:nowrap;color:#0000;background:linear-gradient(180deg, var(--c-white) 0 34%, var(--c-gold-hi) 34% 50%, var(--c-gold-2) 50% 72%, var(--c-gold-3) 72% 100%);-webkit-text-fill-color:transparent;filter:var(--fx-word);-webkit-background-clip:text;background-clip:text;line-height:1}.m-word.long{font-size:var(--fs-px-3)}.m-word.lose{background-image:linear-gradient(180deg, var(--c-white) 0 34%, var(--c-silver-2) 34% 50%, var(--c-silver-3) 50% 72%, var(--c-silver-4) 72% 100%);filter:var(--fx-word-lose)}.m-unit{font-size:var(--fs-2xl);color:var(--c-ink);font-weight:900}.m-big.text{font-size:var(--fs-2xl);color:var(--c-coral-2);overflow-wrap:anywhere;font-weight:900;line-height:1.25}.m-lv{font-size:var(--fs-3xl);color:var(--c-coral);align-self:center;margin-right:4px;font-weight:900}.m-arrow{color:var(--c-coral);font-family:var(--font-px);font-size:var(--fs-px-2);align-self:center;margin:0 4px}.m-badge{border-radius:var(--r-pill);background:var(--c-coral);height:30px;color:var(--c-on-coral);font-size:var(--fs-md);white-space:nowrap;box-shadow:var(--sh-coral);align-items:center;gap:6px;padding:0 16px;font-weight:800;display:inline-flex}.m-badge .ico{font-size:var(--ic-sm)}.m-sub{font-size:var(--fs-sm);color:var(--c-modal-dim);margin:0;font-weight:700}.m-seg{border-radius:var(--r-pill);border:1px solid var(--c-modal-line-2);background:var(--c-sink-1);grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;width:100%;padding:3px;display:grid}.m-seg button{border-radius:var(--r-pill);height:36px;color:var(--c-ink);font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;padding:0 6px;font-weight:800;overflow:hidden}.m-seg button[aria-selected=true],.m-seg button[aria-checked=true]{background:var(--c-coral);color:var(--c-on-coral);box-shadow:var(--sh-coral)}.m-panel{border-radius:var(--r-lg);background:var(--c-sink-1);border:1px solid var(--c-modal-line);flex-direction:column;gap:6px;width:100%;padding:8px;display:flex}.m-panel[hidden]{display:none}.m-panel-title{font-size:var(--fs-md);justify-content:center;align-items:center;gap:6px;margin:4px 0 2px;font-weight:900;display:flex}.m-panel-title .ico{color:var(--c-coral);font-size:var(--ic-sm)}.m-group{border-radius:var(--r-lg);border:1px solid var(--c-modal-line);width:100%;margin-top:6px;padding:14px 8px 8px;position:relative}.m-group-t{background:var(--c-modal);font-size:var(--fs-cap);color:var(--c-modal-dim);padding:0 6px;font-weight:700;position:absolute;top:-9px;left:14px}.m-row{border-radius:var(--r-md);background:var(--c-modal-2);border:1px solid var(--c-modal-line);text-align:left;min-height:48px;font-size:var(--fs-md);animation:m-up var(--dur-pop) var(--ease-pop) both;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:4px 12px 4px 10px;font-weight:800;display:grid}.m-row-ic{place-items:center;width:40px;height:40px;display:grid}.m-row-ic.bare{background:0 0;width:auto;min-width:40px;height:auto}.m-row-nm{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.m-plus{font-family:var(--font-px);font-weight:400;font-size:var(--fs-px-2);color:var(--c-coral);line-height:1}@keyframes m-up{0%{opacity:0;transform:translateY(8px)scale(.94)}}.m-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--c-coral) transparent;flex-direction:column;gap:6px;max-height:196px;padding-right:2px;display:flex;overflow-y:auto}.m-rank{border-radius:var(--r-md);background:var(--c-modal-2);border:1px solid var(--c-modal-line);text-align:left;grid-template-columns:28px 34px 1fr auto;align-items:center;gap:8px;min-height:48px;padding:4px 10px 4px 8px;font-weight:800;display:grid}.m-rank.me{border-color:var(--c-coral)}.m-panes{width:100%;min-height:0;display:grid}.m-panes>[data-pane]{grid-area:1/1;min-width:0}.m-panes>[data-pane][hidden]{visibility:hidden;display:flex!important}.m-rank.ghost{opacity:.5}.m-rank-n{font-size:var(--fs-xl);text-align:center;color:var(--c-modal-dim);font-variant-numeric:tabular-nums;font-weight:900}.m-rank-n.r1{color:var(--c-rank-1)}.m-rank-n.r2{color:var(--c-rank-2)}.m-rank-n.r3{color:var(--c-rank-3)}.m-rank-av{border:2px solid var(--c-modal-line-2);background:var(--c-modal-3);border-radius:50%;width:34px;height:34px;overflow:hidden}.m-rank-av img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.m-rank-nm{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-sm);overflow:hidden}.m-rank-note{font-size:var(--fs-sm);color:var(--c-coral-2);text-align:center;margin:2px 0;font-weight:800}.m-rank-sc{font-size:var(--fs-lg);color:var(--c-coral);font-variant-numeric:tabular-nums;font-weight:900}.m-rank-n.out{font-family:inherit;font-size:var(--fs-cap);font-weight:800}.m-rank-panel{flex-direction:column;gap:6px;display:flex}.m-rank-pin{border-top:1px dashed var(--c-modal-line);padding-top:6px}.m-meter{border-radius:var(--r-pill);background:var(--c-sink-2);height:10px;box-shadow:inset 0 0 0 1px var(--c-modal-line);display:block;overflow:hidden}.m-meter>i{border-radius:inherit;background:linear-gradient(var(--c-coral-2), var(--c-coral));height:100%;display:block}.m-btn{border-radius:var(--r-md);background:var(--c-coral);width:100%;min-height:50px;color:var(--c-on-coral);font-size:var(--fs-md);box-shadow:var(--sh-coral);transition:transform var(--dur-1);border:0;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:800;text-decoration:none;display:inline-flex}.m-btn:active{transform:translateY(1px)scale(.99)}.m-btn.ghost{color:var(--c-ink);border:1px solid var(--c-modal-line-2);box-shadow:none;font-size:var(--fs-md);background:0 0;min-height:50px}.m-btn.ghost:active{background:var(--c-modal-3)}.m-btn .ico{font-size:var(--ic-md)}.m-actions{flex-direction:column;gap:10px;width:100%;margin-top:4px;display:flex}.m-jobfx{aspect-ratio:672/320;width:100%;height:auto;display:block}.m-jobs{justify-content:center;align-items:center;gap:0;width:100%;display:flex}.m-chev{color:var(--c-coral);font-size:var(--ic-lg);flex:none;margin:0 -4px;display:inline-flex}.m-chev .ico+.ico{margin-left:-12px}@media (prefers-reduced-motion:reduce){.m-card,.m-row{animation:none}}.m-link{border-radius:var(--r-pill);width:fit-content;color:var(--c-modal-dim);font-size:var(--fs-sm);background:0 0;border:0;align-items:center;gap:2px;margin:0 auto;padding:4px 10px;font-weight:800;display:flex;position:relative}.m-link .ico{font-size:var(--ic-sm)}.m-link:after{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.m-link:active{background:var(--c-modal-3)}.m-panel.bare{background:0 0;border:0;padding:0}.m-rank-head{font-size:var(--fs-sm)}
