.pcx{--pcx-bad:#ff6b5b;--pcx-warn:#ffb23f;--pcx-ok:#d9e86a;--pcx-good:#57d98c;grid-template-columns:minmax(0,1fr);gap:1.1rem;display:grid}.pcx-read{border:1px solid var(--line);background:linear-gradient(150deg, #ffffff0d, transparent 52%), var(--panel-2,#11151c);border-radius:14px;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:1rem 1.4rem;padding:1.15rem 1.2rem;display:grid}.pcx-card{align-content:start;gap:.35rem;display:grid}.pcx-label{font:700 .78rem/1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#ffffff9e}.pcx-name{color:var(--text);overflow-wrap:anywhere;font-size:clamp(1.25rem,2.6vw,1.7rem);line-height:1.15}.pcx-how{color:var(--text-2);font-size:.88rem}.pcx-verdicts{align-content:start;display:grid}.pcx-verdict{border-left:3px solid var(--pcx-tone,var(--line));gap:.35rem;padding-left:.95rem;display:grid}.pcx-verdict[data-tone=bad]{--pcx-tone:var(--pcx-bad)}.pcx-verdict[data-tone=warn]{--pcx-tone:var(--pcx-warn)}.pcx-verdict[data-tone=ok]{--pcx-tone:var(--pcx-ok)}.pcx-verdict[data-tone=good]{--pcx-tone:var(--pcx-good)}.pcx-verdict strong{font:800 clamp(1.15rem, 2.2vw, 1.45rem)/1.15 var(--font-display,inherit);color:var(--pcx-tone,var(--text));text-transform:uppercase;letter-spacing:.02em}.pcx-verdict p{color:#ffffffc7;margin:0;font-size:.95rem;line-height:1.55}.pcx-notes{grid-column:1/-1;gap:.4rem;display:grid}.pcx-notes:not(:has(.pcx-note:not([hidden]))){display:none}.pcx-note{color:#ffffffd1;background:#ffb23f14;border:1px solid #ffb23f38;border-radius:8px;margin:0;padding:.55rem .75rem;font-size:.9rem;line-height:1.5}.pcx-pick{grid-column:1/-1;gap:.45rem;display:grid}.pcx-pick>label{font:700 .78rem/1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#ffffff9e}.pcx-pick-row{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;display:flex}.pcx-pick input[type=text]{border:1px solid var(--line-strong,#ffffff2e);min-width:0;color:var(--text);font:600 .95rem/1.2 var(--font-mono);background:#00000047;border-radius:8px;flex:16rem;padding:.7rem .85rem}.pcx-pick input[type=text]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pcx-laptop{color:var(--text-2);cursor:pointer;align-items:center;gap:.45rem;font-size:.9rem;display:inline-flex}.pcx-laptop input{width:1.05rem;height:1.05rem;accent-color:var(--accent)}.pcx-ladder{gap:.6rem;margin:0;display:grid}.pcx-ladder figcaption{color:var(--text-2);max-width:70ch;font-size:.9rem}.pcx-plot{border:1px solid var(--line);background:#00000038;border-radius:12px;padding:1.7rem 0 1.9rem;position:relative;overflow:hidden}.pcx-bands{pointer-events:none;position:absolute;inset:0}.pcx-band{border-left:1px dashed color-mix(in srgb, var(--accent) 70%, transparent);background:color-mix(in srgb, var(--accent) calc(6% + var(--pcx-step,0) * 6%), transparent);position:absolute;top:0;bottom:0}.pcx-band[data-band="1"]{--pcx-step:1}.pcx-band[data-band="2"]{--pcx-step:2}.pcx-band--none{background:repeating-linear-gradient(135deg,#ff6b5b12 0 6px,#0000 6px 12px);border-left:0}.pcx-band em{font:800 .78rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 80%, white);white-space:nowrap;font-style:normal;position:absolute;bottom:.45rem;left:.45rem}.pcx-lanes{display:grid;position:relative}.pcx-lane{height:3.4rem;position:relative}.pcx-lane-name{font:700 .78rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;position:absolute;top:.2rem;left:.45rem}.pcx-rail{background:#ffffff24;height:1px;position:absolute;top:55%;left:0;right:0}.pcx-dot{background:#ffffff9e;border-radius:50%;width:.55rem;height:.55rem;position:absolute;top:0;transform:translate(-50%,-50%)}.pcx-dot--nort{background:0 0;border:1.5px solid #fff6}.pcx-dot--listed{background:var(--accent);width:.8rem;height:.8rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent)}.pcx-dot.is-you{z-index:2;background:#fff;box-shadow:0 0 0 4px #ffffff40}.pcx-tag{font:700 .78rem/1 var(--font-mono);letter-spacing:.02em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 70%, white);white-space:nowrap;position:absolute;transform:translate(-50%)}.pcx-tag[data-side=above]{bottom:.55rem}.pcx-tag[data-side=below]{top:.55rem}.pcx-you{z-index:3;background:#fff;width:2px;transition:left .45s cubic-bezier(.2,.8,.2,1);position:absolute;top:1.2rem;bottom:0;transform:translate(-1px);box-shadow:0 0 12px #ffffff8c}.pcx-you span{color:#0b0f15;font:800 .78rem/1.1 var(--font-mono);text-transform:uppercase;white-space:nowrap;background:#fff;border-radius:4px;padding:.15rem .45rem;position:absolute;top:-1.15rem;left:50%;transform:translate(-50%)}.pcx-you[data-edge=left] span{left:0;transform:none}.pcx-you[data-edge=right] span{left:auto;right:0;transform:none}.pcx-axis{font:700 .78rem/1.3 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#ffffff80;justify-content:space-between;gap:1rem;display:flex}.pcx-table{margin-top:-.5rem}.pcx-table-lead{color:var(--text)}.pcx-table .pcx-num{white-space:nowrap}.pcx-plain{font-weight:inherit}.pcx-table tr.is-reached th{color:var(--pcx-good)}.pcx-state [data-pcx-state=yes]{color:var(--pcx-good);font-weight:700}.pcx-state [data-pcx-state=no]{color:var(--pcx-bad);font-weight:700}.pcx-foot{color:var(--text-2);max-width:80ch;margin:0;font-size:.9rem;line-height:1.55}@media (width<=760px){.pcx-read{grid-template-columns:1fr}.pcx-tag{display:none}.pcx-band em{writing-mode:vertical-rl;bottom:.4rem;left:.15rem;transform:rotate(180deg)}.pcx-plot{padding-bottom:.6rem}}@media (prefers-reduced-motion:reduce){.pcx-you{transition:none}}.ck{--ck-hud:#7dff9b;--ck-warn:#ffb03a;--ck-ink:#dff5e6;--ck-metal:#070b10;background:repeating-linear-gradient(112deg, #7dff9b08 0 2px, transparent 2px 9px), radial-gradient(680px 320px at 18% -10%, #7dff9b1a, transparent 62%), var(--ck-metal);color:var(--ck-ink);border:1px solid #7dff9b3d;border-radius:16px;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:1.3rem;padding:1.2rem;display:grid;position:relative;overflow:hidden}.ck:before,.ck:after{content:"";pointer-events:none;border:2px solid #7dff9b73;width:26px;height:26px;position:absolute}.ck:before{border-bottom:0;border-right:0;top:10px;left:10px}.ck:after{border-top:0;border-left:0;bottom:10px;right:10px}.ck-view{aspect-ratio:16/10;background:linear-gradient(#123048,#0a1520 58%,#0d1a14);border:1px solid #7dff9b33;border-radius:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 70px #0009}.ck-view canvas{width:100%;height:100%;display:block}.ck-reticle{pointer-events:none;position:absolute;inset:0}.ck-reticle:before,.ck-reticle:after{content:"";background:var(--ck-warn);opacity:.85;width:34px;height:2px;position:absolute;top:50%}.ck-reticle:before{left:calc(50% - 74px)}.ck-reticle:after{left:calc(50% + 40px)}.ck-pip{border:1.5px solid #ffb03abf;border-radius:50%;width:38px;height:38px;margin:-19px 0 0 -19px;position:absolute;top:50%;left:50%}.ck-pip i{background:var(--ck-warn);border-radius:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;position:absolute;top:50%;left:50%}.ck-bank{pointer-events:none;background:repeating-linear-gradient(90deg,#7dff9b73 0 1px,#0000 1px 28px);height:18px;position:absolute;inset:8px 8px auto;mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.ck-stamp{font:700 .78rem/1.3 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#7dff9bbf;pointer-events:none;margin:0;position:absolute;bottom:12px;left:14px}.ck-side{align-content:start;gap:.8rem;display:grid}.ck-state{font:700 .78rem/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ck-hud);align-items:center;gap:.5rem;display:inline-flex}.ck-state i{background:var(--ck-warn);border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 4px #ffb03a29}.ck-state[data-live=true] i{background:var(--ck-hud);box-shadow:0 0 0 4px #7dff9b29}.ck-readouts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.ck-readouts div{background:#0000006b;border:1px solid #7dff9b2e;border-radius:10px;padding:.6rem .7rem}.ck-readouts span{font:700 .78rem/1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#dff5e6ad;display:block}.ck-readouts strong{font:700 1.24rem/1 var(--font-mono);color:var(--ck-hud);margin-top:.3rem;display:block}.ck-readouts div[data-flag=warn] strong{color:var(--ck-warn)}.ck-trim{background:#0000006b;border:1px solid #7dff9b2e;border-radius:999px;height:30px;position:relative;overflow:hidden}.ck-trim i{background:#7dff9b61;width:1px;position:absolute;top:0;bottom:0;left:50%}.ck-trim b{background:var(--ck-hud);border-radius:2px;width:4px;margin-left:-2px;transition:left .12s linear;position:absolute;top:5px;bottom:5px;left:50%}.ck-trim[data-flag=warn] b{background:var(--ck-warn)}.ck-device{background:#0000006b;border:1px solid #7dff9b2e;border-radius:10px;gap:.6rem;padding:.75rem .8rem;display:grid}.ck-device-head{flex-wrap:wrap;align-items:baseline;gap:.35rem .7rem;display:flex}.ck-kind{font:800 .78rem/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ck-hud)}.ck-meta{font:600 .88rem/1.3 var(--font-mono);color:#dff5e6cc;overflow-wrap:anywhere}.ck-verdict{color:#dff5e6d1;margin:0;font-size:.9rem;line-height:1.5}.ck-axes{gap:.3rem;display:grid}.ck-axes:empty{display:none}.ck-axis{font:700 .78rem/1.2 var(--font-mono);text-transform:uppercase;letter-spacing:.04em;grid-template-columns:4.4rem 7rem minmax(0,1fr) 3.2rem;align-items:center;gap:.5rem;display:grid}.ck-axis>span{color:#dff5e6b3;white-space:nowrap}.ck-axis>em{color:var(--ck-hud);white-space:nowrap;text-overflow:ellipsis;font-style:normal;overflow:hidden}.ck-axis[data-role=other]>em{color:#dff5e680}.ck-axis>i{background:#7dff9b1a;border-radius:999px;height:8px;position:relative;overflow:hidden}.ck-axis>i:before{content:"";background:#7dff9b59;width:1px;position:absolute;top:0;bottom:0;left:50%}.ck-axis>i>b{background:var(--ck-hud);border-radius:999px;width:0;position:absolute;top:1px;bottom:1px;left:50%}.ck-axis[data-role=hat]>i>b{background:var(--ck-warn)}.ck-axis>output{text-align:right;color:#dff5e6d9}.ck-thrust{pointer-events:none;border:1px solid #7dff9b66;border-radius:999px;width:8px;position:absolute;top:34px;bottom:40px;right:14px;overflow:hidden}.ck-thrust i{background:linear-gradient(0deg, var(--ck-hud), var(--ck-warn));height:50%;transition:height 80ms linear;position:absolute;bottom:0;left:0;right:0}.ck-hint{color:#dff5e6c2;margin:0;font-size:.9rem;line-height:1.55}.ck-hint b{color:var(--ck-hud);font-weight:700}@media (width<=900px){.ck{grid-template-columns:1fr}}@media (width<=480px){.ck-axis{grid-template-columns:3.6rem 6rem minmax(0,1fr) 2.8rem;gap:.35rem}}@media (prefers-reduced-motion:reduce){.ck-trim b,.ck-thrust i{transition:none}}