.w-cool{display:grid;gap:12px}
.w-cool-win{border:3px solid var(--ink);border-radius:6px;background:var(--paper-hi);box-shadow:4px 4px 0 var(--ink);overflow:hidden}
.w-cool-bar{padding:4px 10px;border-bottom:3px solid var(--ink);background:repeating-linear-gradient(180deg,var(--ink) 0 2px,transparent 2px 5px);text-align:center}
.w-cool-bar b{display:inline-block;padding:0 10px;background:var(--paper-hi);font:700 14px/1.5 var(--sans)}
.w-cool-body{display:grid;gap:12px;padding:16px}.w-cool-body>*,.w-cool-body p{min-width:0;margin:0}
.w-cool-plot{border:3px solid var(--ink);border-radius:6px;background:var(--card);cursor:pointer;padding:4px}
.w-cool-plot svg{display:block;width:100%;height:auto;overflow:hidden}
.w-cool-plot text{font-family:var(--sans)}
.live .w-cp{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset var(--t-story) var(--ease)}
.live .w-cg{opacity:0;transform:scale(1.18);transform-box:fill-box;transform-origin:center;transition:opacity var(--t-base) var(--ease-snap),transform var(--t-base) var(--ease-snap)}
.live .w-cg.in{opacity:1;transform:none}
.w-cnow{transition:transform var(--t-base) var(--ease)}
.w-cool-target{font:400 17px/1.4 var(--sans)}
.w-cool-stages{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.w-cool-stages li{padding:8px 12px;border:2px solid var(--ink);border-radius:6px;background:var(--card);font:400 15px/1.35 var(--sans);transition:background var(--t-base)}
.live .w-cool-stages li:not(.in){opacity:.6}
.w-cool-stages li.in:nth-child(1){background:var(--spark)}.w-cool-stages li.in:nth-child(2){background:var(--go);color:#fff}
.w-cool-adj{display:flex;flex-wrap:wrap;gap:10px}
.w-cool-adj .chip:disabled{opacity:.45}
.w-cool:not(.live) .w-live,.w-cool:not(.live) .w-cnow{display:none}
.w-cool-miss{margin:0;font:italic 15px var(--serif);color:var(--ink2)}
@media (prefers-reduced-motion:reduce){.w-cp,.w-cg,.w-cnow,.w-cool-stages li{transition:none!important}}