.gp{gap:20px;display:grid}.gp-pads{justify-self:start;max-width:100%;overflow-x:auto}.gp-pads button{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.gp-panel{background:var(--tile);border-radius:24px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(16px,3vw,32px);min-height:280px;padding:clamp(18px,3vw,32px);display:grid}.gp-panel[data-on=false]{grid-template-columns:1fr;place-items:center}.gp-wait{text-align:center;color:var(--ink);justify-items:center;gap:6px;display:grid}.gp-wait svg{color:var(--muted);margin-bottom:10px}.gp-wait b{font-family:var(--font-serif);letter-spacing:-.015em;font-size:clamp(26px,3vw,34px);font-weight:400;line-height:1.1}.gp-wait small{color:var(--muted);font-size:14.5px}.gp-sticks{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:start;gap:clamp(12px,2vw,24px);display:grid}.gp-stick-wrap{justify-items:center;gap:10px;min-width:0;margin:0;display:grid}.gp-stick{aspect-ratio:1;background:linear-gradient(#19161314, #19161314) center / 1px 100% no-repeat, linear-gradient(#19161314, #19161314) center / 100% 1px no-repeat, var(--surface);width:min(100%,168px);box-shadow:var(--ring);border-radius:50%;transition:box-shadow .15s;position:relative;container-type:size}.gp-stick[data-on]{box-shadow:0 0 0 3px var(--accent)}.gp-dz{inset:calc(50% * (1 - var(--dz)));border:1px dashed #19161333;border-radius:50%;position:absolute}.gp-dot{background:var(--accent);width:18px;height:18px;transform:translate(calc(var(--x,0) * (50cqw - 9px)), calc(var(--y,0) * (50cqh - 9px)));border-radius:50%;margin:-9px 0 0 -9px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 5px #a84a1c2e}.gp-stick-wrap figcaption{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--muted);justify-items:center;gap:1px;font-size:13px;display:grid}.gp-stick-wrap figcaption b{font-family:var(--font-sans);color:var(--ink);margin-bottom:2px;font-size:13px;font-weight:600}.gp-triggers{gap:10px;display:flex}.gp-trigger{font-variant-numeric:tabular-nums;color:var(--muted);justify-items:center;gap:4px;font-size:12px;display:grid}.gp-trigger b{color:var(--ink);font-size:13px;font-weight:600}.gp-trigger-bar{background:var(--surface);width:22px;height:132px;box-shadow:var(--ring);border-radius:999px;position:relative;overflow:hidden}.gp-trigger-bar i{background:var(--ink);transform-origin:bottom;transform:scaleY(var(--v,0));position:absolute;inset:0}.gp-buttons{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.gp-buttons li{background:var(--surface);height:58px;box-shadow:var(--ring);color:var(--ink);border-radius:14px;place-content:center;justify-items:center;gap:1px;transition:background-color 80ms,color 80ms;display:grid;position:relative;overflow:hidden}.gp-buttons b{font-size:16px;font-weight:600;line-height:1.1;position:relative}.gp-buttons small{font-family:var(--font-mono);color:var(--faint);font-variant-numeric:tabular-nums;font-size:10.5px;position:relative}.gp-buttons i{transform-origin:bottom;transform:scaleY(var(--v,0));background:#a84a1c29;position:absolute;inset:0}.gp-buttons li[data-seen]:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:6px;left:12px;right:12px}.gp-buttons li[data-on]{background:var(--ink);color:#fff}.gp-buttons li[data-on] small{color:#fff9}.gp-buttons li[data-on] i{opacity:0}.gp .tool-stat b.gp-word{font-family:var(--font-sans);letter-spacing:-.01em;font-size:clamp(18px,2vw,22px);font-weight:600}.gp .tool-stat[data-tone=warn] b{color:var(--accent)}.gp .tool-stat[data-tone=good] b{color:#2f6b3a}.gp-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.gp-drift{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.gp-drift .tool-stat{background:var(--surface);box-shadow:var(--ring)}@media (max-width:899px){.gp-panel{grid-template-columns:1fr}}@media (max-width:679px){.gp-panel{border-radius:20px}.gp-sticks{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.gp-triggers{flex-direction:column;grid-column:1/-1}.gp-trigger{text-align:right;grid-template-columns:28px minmax(0,1fr) 40px;place-items:center stretch;width:100%}.gp-trigger b{text-align:left;order:-1}.gp-trigger-bar{width:100%;height:14px}.gp-buttons{grid-template-columns:repeat(auto-fill,minmax(54px,1fr))}.gp-trigger-bar i{transform-origin:0;transform:scaleX(var(--v,0))}.gp-cards{grid-template-columns:1fr}}