.cl-bar{background:var(--color-char-2);clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);height:12px;position:relative;overflow:hidden}.cl-bar>i{background:linear-gradient(90deg, var(--color-crimson-deep), var(--color-signal));box-shadow:0 0 14px var(--color-signal);position:absolute;inset:0 auto 0 0}.cl-bar:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 2px),#0009 calc(10% - 2px) 10%);position:absolute;inset:0}.cl-bar[data-complete=true]>i{background:linear-gradient(90deg, var(--color-steel-deep), var(--color-steel));box-shadow:var(--shadow-glow-steel)}.cl-miss{aspect-ratio:5/7;background:var(--color-ink-2);outline:2px dashed color-mix(in srgb, var(--rc,var(--color-line-2)) 55%, #000);outline-offset:-2px;border:3px solid #000;width:140px;position:relative;overflow:hidden}.cl-miss:before{content:"";background:radial-gradient(circle,#f1ebdf0f 1px,#0000 1.5px) 0 0/5px 5px;position:absolute;inset:0}.cl-miss>.q{font:400 44px/1 var(--font-display);color:#f1ebdf1f;place-items:center;display:grid;position:absolute;inset:0}.cl-miss>.rr{font:400 15px/1 var(--font-display);color:var(--rc,var(--color-muted));position:absolute;top:6px;left:8px}.cl-miss>.mn{font:700 12px/1.15 var(--font-sans);color:var(--color-muted);letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(#0000,#000 60%);padding:16px 8px 8px;position:absolute;inset:auto 0 0}.cl-tile-btn{border-radius:var(--radius-card);cursor:pointer;display:block;position:relative}.cl-tile-btn:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.cl-count{z-index:10;background:var(--color-steel);color:var(--color-ink);font:800 12px/1 var(--font-sans);padding:4px 6px;position:absolute;top:-8px;right:-8px;transform:skew(-10deg);box-shadow:2px 2px #000}.cl-track{background:var(--color-char-2);border-radius:9px;height:8px;margin:0 20px 34px 8px;position:relative}.cl-track>i{border-radius:inherit;background:linear-gradient(90deg, var(--color-crimson-deep), var(--color-signal));box-shadow:0 0 10px var(--color-signal);position:absolute;inset:0 auto 0 0}.cl-ms{background:var(--color-char);border:2px solid var(--color-line-2);width:30px;height:30px;font:500 var(--fs-t4) / 1 var(--font-mono);color:var(--color-muted);place-items:center;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.cl-ms[data-reached=true]{border-color:var(--color-steel);color:var(--color-bone)}.cl-ms[data-next=true]{border-color:var(--color-crimson);color:var(--color-bone);box-shadow:var(--shadow-glow-crimson)}.cl-ms>small{font:500 var(--fs-t4) / 1 var(--font-mono);color:var(--color-muted);white-space:nowrap;position:absolute;top:36px}.cl-dialog{background:var(--color-char);width:min(92vw,28rem);color:var(--color-bone);border:1px solid var(--color-line-2);box-shadow:var(--shadow-panel);padding:0}.cl-dialog::backdrop{background:#000000b3}