/* ch-081 — کابین اپراتور، دفاع از قلعه، کارآگاه، بهینه‌ساز، پیشگو، ساعت‌شنی.
   هر نوع سطح خودش را دارد و در هر دو تم یکی است: کابین و قلعه و ساعت‌شنی روی «صحنهٔ» تیرهٔ ch-079 (.gm) با رنگ معنادار خودشان؛
   کارآگاه تختهٔ چوب‌پنبه و کاغذ پرونده؛ بهینه‌ساز نقشهٔ آبی مهندسی با کنتور کمانی؛ پیشگو آسمان شب. فونت همان راوی.
   حرکت فقط برای چیزی که همین لحظه عوض شده (هشدار تازه، خطر حمله، قانون تازه)؛ با «کاهش حرکت» همه خاموش. */

/* ================================================================ مشترک زنده */
.ck-clock{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:12px;background:var(--gm-sunk);box-shadow:inset 0 0 0 1px var(--gm-line2);color:var(--gm-ink)}
.ck-clock svg{width:20px;height:20px;color:var(--gm-you)}
.ck-clock b{font-size:calc(26px*var(--zoom));font-weight:900;letter-spacing:.02em}
.ck-clock.is-low{box-shadow:inset 0 0 0 1.5px var(--gm-foe)}
.ck-clock.is-low svg,.ck-clock.is-low b{color:var(--gm-foe)}
.ck-panel__h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px}
.ck-panel__h h4{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:var(--fs-3);font-weight:800;color:var(--gm-ink)}
.ck-panel__h svg{width:18px;height:18px;color:var(--gm-ink3)}
.ck-badge{padding:2px 10px;border-radius:99px;background:rgba(255,255,255,.08);font-size:var(--fs-1);font-weight:700;color:var(--gm-ink2)}
.ck-badge--hot{background:var(--gm-foe);color:#2A0710;animation:ck-pulse 1.2s ease-in-out infinite}
.ck-empty{margin:0;padding:18px 12px;border-radius:12px;border:1px dashed var(--gm-line2);color:var(--gm-ink3);font-size:var(--fs-2);text-align:center}
.ck-count{position:relative;height:22px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.ck-count i{position:absolute;inset-block:0;inset-inline-start:0;width:calc(var(--p)*1%);background:var(--gm-gold);border-radius:inherit;transition:width .2s linear,background .2s}
.ck-count b{position:relative;display:block;padding-inline-start:10px;font-size:var(--fs-1);font-weight:900;line-height:22px;color:var(--gm-gold-ink)}
.ck-count.is-low i{background:var(--gm-foe)}
.ck-count--slow i{background:var(--gm-you)}
.ck-count--slow b{color:var(--gm-you-ink)}

/* ================================================================ کابین اپراتور */
.ck{--ck-ok:#5CE1C6;--ck-bad:#FF6B7A}
.ck-intro{display:flex;flex-direction:column;gap:16px}
.ck-intro__lead{margin:0;font-size:calc(18px*var(--zoom));font-weight:700;line-height:1.9}
.ck-intro__panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.ck-intro__panels li{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:14px;background:var(--gm-bg2);box-shadow:inset 0 0 0 1px var(--gm-line)}
.ck-intro__panels b{font-size:var(--fs-3)}
.ck-intro__panels small{color:var(--gm-ink2);font-size:var(--fs-2);line-height:1.8}
.ck-intro__ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px}
.ck-intro__ic svg{width:22px;height:22px}
.ck-intro__ic--alert{background:rgba(255,107,122,.16);color:var(--gm-foe)}
.ck-intro__ic--gauge{background:rgba(92,225,198,.14);color:var(--gm-you)}
.ck-intro__ic--msg{background:rgba(248,192,24,.14);color:var(--gm-gold)}
.ck-intro__w{margin:0;color:var(--gm-ink3);font-size:var(--fs-1)}
.ck-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.ck-stats{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.ck-stats div{display:flex;align-items:baseline;gap:8px;padding:6px 12px;border-radius:12px;background:var(--gm-bg2);box-shadow:inset 0 0 0 1px var(--gm-line)}
.ck-stats dt{font-size:var(--fs-1);color:var(--gm-ink3)}
.ck-stats dd{margin:0;font-size:var(--fs-4);font-weight:900}
.ck-stats small{font-size:var(--fs-1);color:var(--gm-ink3);font-weight:600}
.ck-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(220px,.7fr) minmax(0,1.15fr);gap:14px;align-items:start}
.ck-panel{min-width:0;padding:14px;border-radius:16px;background:var(--gm-bg2);box-shadow:inset 0 0 0 1px var(--gm-line)}
.ck-list{display:flex;flex-direction:column;gap:10px;max-height:460px;overflow:auto;padding-inline-end:2px;overscroll-behavior:contain}
.ck-alert,.ck-msg{position:relative;display:flex;flex-direction:column;gap:10px;padding:12px 14px;padding-inline-start:18px;border-radius:12px;background:var(--gm-bg3);box-shadow:inset 0 0 0 1px var(--gm-line)}
.ck-alert::before,.ck-msg::before{content:"";position:absolute;inset-block:10px;inset-inline-start:7px;width:4px;border-radius:4px;background:var(--gm-ink3)}
.ck-alert.is-open{background:#3A2E3E;box-shadow:inset 0 0 0 1.5px rgba(255,107,122,.55);animation:ck-in .35s var(--ease)}
.ck-alert.is-open::before{background:var(--gm-foe);animation:ck-pulse 1s ease-in-out infinite}
.ck-msg.is-open{box-shadow:inset 0 0 0 1.5px rgba(248,192,24,.45);animation:ck-in .35s var(--ease)}
.ck-msg.is-open::before{background:var(--gm-gold)}
.is-ok::before{background:var(--ck-ok)!important}
.is-bad::before,.is-late::before{background:var(--ck-bad)!important}
.ck-alert.is-ok,.ck-alert.is-bad,.ck-alert.is-late,.ck-alert.is-missed,.ck-msg.is-ok,.ck-msg.is-bad,.ck-msg.is-late,.ck-msg.is-missed{opacity:.78;padding-block:9px}
.ck-alert__t,.ck-msg__t{margin:0;font-size:var(--fs-3);font-weight:700;line-height:1.8}
.ck-alert__r{display:flex;align-items:center;gap:6px;margin:0;font-size:var(--fs-1);color:var(--gm-ink2)}
.ck-alert__r svg{width:15px;height:15px;flex:none}
.is-ok .ck-alert__r svg{color:var(--ck-ok)}
.is-bad .ck-alert__r svg,.is-late .ck-alert__r svg{color:var(--ck-bad)}
.ck-msg__topic{align-self:flex-start;padding:1px 9px;border-radius:99px;background:rgba(255,255,255,.07);font-size:var(--fs-1);color:var(--gm-ink3)}
.ck-acts{display:flex;flex-wrap:wrap;gap:8px}
.ck-act{flex:1 1 0;min-width:90px;min-height:44px;padding:0 12px;border:0;border-radius:10px;font:inherit;font-size:var(--fs-2);font-weight:800;cursor:pointer;transition:transform .1s,filter .1s}
.ck-act:hover{filter:brightness(1.1)}
.ck-act:active{transform:scale(.97)}
.ck-act--1{background:var(--gm-you);color:var(--gm-you-ink)}
.ck-act--2{background:var(--gm-gold);color:var(--gm-gold-ink)}
.ck-act--3{background:var(--gm-foe);color:#2A0710}
.ck-act--4{background:var(--gm-ghost);color:#1C1240}
.ck-opts{display:grid;gap:8px}
.ck-opt{min-height:44px;padding:8px 12px;border:0;border-radius:10px;background:var(--gm-sunk);box-shadow:inset 0 0 0 1px var(--gm-line2);color:var(--gm-ink);font:inherit;font-size:var(--fs-2);font-weight:600;text-align:start;cursor:pointer}
.ck-opt:hover{box-shadow:inset 0 0 0 1.5px var(--gm-gold)}
.ck-answer{display:flex;gap:8px}
.ck-answer__in{flex:1;min-width:0;height:46px;padding:0 12px;border:0;border-radius:10px;background:var(--gm-sunk);box-shadow:inset 0 0 0 1px var(--gm-line2);color:var(--gm-ink);font:inherit;font-size:var(--fs-3);font-weight:700}
.ck-answer .gm-btn{min-height:46px;min-width:90px;font-size:var(--fs-2)}
/* عقربه */
.ck-panel--gauge{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.ck-panel--gauge .ck-panel__h{align-self:stretch}
.ck-gauge{display:flex;align-items:stretch;gap:16px;--pos:50;--low:40;--high:60}
.ck-gauge__track{position:relative;width:46px;height:260px;border-radius:14px;background:linear-gradient(to top,rgba(92,225,198,.05),rgba(255,107,122,.08)),var(--gm-sunk);box-shadow:inset 0 0 0 1px var(--gm-line2);overflow:hidden}
.ck-gauge__band{position:absolute;inset-inline:0;bottom:calc(var(--low)*1%);height:calc((var(--high) - var(--low))*1%);background:repeating-linear-gradient(135deg,rgba(92,225,198,.28) 0 6px,rgba(92,225,198,.16) 6px 12px);box-shadow:inset 0 1px 0 var(--gm-you),inset 0 -1px 0 var(--gm-you)}
.ck-gauge__needle{position:absolute;inset-inline:-2px;bottom:calc(var(--pos)*1%);height:4px;margin-bottom:-2px;border-radius:4px;background:var(--gm-gold);box-shadow:0 0 14px var(--gm-gold)}
.ck-gauge.is-out .ck-gauge__needle{background:var(--gm-foe);box-shadow:0 0 16px var(--gm-foe)}
.ck-gauge__read{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:80px}
.ck-gauge__read b{font-size:calc(34px*var(--zoom));font-weight:900;line-height:1}
.ck-gauge__read small{font-size:var(--fs-1);font-weight:800;color:var(--gm-you)}
.ck-gauge.is-out .ck-gauge__read b,.ck-gauge.is-out .ck-gauge__read small{color:var(--gm-foe)}
.ck-gauge__band-l{margin:0;font-size:var(--fs-1);color:var(--gm-ink3)}
.ck-nudge{display:flex;gap:12px}
.ck-nudge__b{width:64px;height:56px;border:0;border-radius:14px;background:var(--gm-bg3);box-shadow:inset 0 0 0 1px var(--gm-line2),0 6px 0 -2px var(--gm-sunk);color:var(--gm-ink);font:inherit;font-size:30px;font-weight:900;line-height:1;cursor:pointer;transition:transform .08s}
.ck-nudge__b:hover{box-shadow:inset 0 0 0 1.5px var(--gm-you),0 6px 0 -2px var(--gm-sunk)}
.ck-nudge__b:active{transform:translateY(3px);box-shadow:inset 0 0 0 1.5px var(--gm-you)}

/* ================================================================ دفاع از قلعه */
.ft{--ft-term:#070B10;--ft-green:#7BF0B0;--ft-amber:#FFC857}
.ft.is-danger{box-shadow:inset 0 0 0 2px rgba(255,107,122,.7),0 0 0 4px rgba(255,107,122,.12),0 18px 40px -24px rgba(16,20,42,.7);animation:ft-alarm 1.4s ease-in-out infinite}
.ft-intro{display:flex;flex-direction:column;align-items:center;gap:14px}
.ft-castle{width:150px;height:auto}
.ft-castle__wall{fill:var(--gm-bg3);stroke:var(--gm-you);stroke-width:2;stroke-linejoin:round}
.ft-castle__gate{fill:var(--gm-sunk);stroke:var(--gm-you);stroke-width:2}
.ft-castle__flag{fill:var(--gm-foe);stroke:var(--gm-foe);stroke-width:2;stroke-linejoin:round}
.ft-intro .gm-rules{align-self:stretch}
.ft-top{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.ft-health{display:flex;flex:1 1 280px;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:var(--gm-sunk);box-shadow:inset 0 0 0 1px var(--gm-line2);--h:100%}
.ft-health__ic svg{width:22px;height:22px;color:var(--gm-you)}
.ft-health__bar{position:relative;flex:1;height:14px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.ft-health__bar i{position:absolute;inset-block:0;inset-inline-start:0;width:var(--h);border-radius:inherit;background:var(--gm-you);background:linear-gradient(180deg,rgb(255 255 255/.18),transparent 60%),color-mix(in oklch,var(--gm-you) var(--h),var(--gm-foe));transition:width .6s var(--ease)}
.ft-health b{font-size:var(--fs-4);font-weight:900}
.ft-health small{font-size:var(--fs-1);color:var(--gm-ink3)}
.ft-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;align-items:start}
.ft-console{display:flex;flex-direction:column;min-width:0;border-radius:14px;background:var(--ft-term);box-shadow:inset 0 0 0 1px rgba(123,240,176,.22),0 0 30px -12px rgba(123,240,176,.25);overflow:hidden}
.ft-screen{display:flex;flex-direction:column;gap:8px;height:380px;padding:14px;overflow:auto;overscroll-behavior:contain;font-variant-numeric:tabular-nums}
.ft-screen:focus-visible{outline:2px solid var(--ft-green);outline-offset:-2px}
.ft-row{display:flex;flex-direction:column;gap:2px}
.ft-cmd{display:flex;align-items:baseline;gap:8px;margin:0;color:var(--ft-green);font-size:var(--fs-2);font-weight:700;text-align:left;unicode-bidi:isolate}
.ft-cmd small{margin-inline-start:auto;color:rgba(123,240,176,.45);font-size:var(--fs-1);font-weight:600}
.ft-prompt{color:rgba(123,240,176,.6);font-weight:600;white-space:nowrap}
.ft-out{margin:0;padding-inline-start:4px;color:#C9D4E3;font-size:var(--fs-2);line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}
.ft-screen .ch-mono,.ft-input .ch-mono{font-size:.9em;letter-spacing:0}
.ft-cmd__c{color:var(--ft-green)}
.ft-feed .gm-tt{padding:0 .25em;font-size:.86em;background:rgba(255,255,255,.06);border-color:transparent}
.ft-out--muted{color:rgba(201,212,227,.5)}
.ft-row--break .ft-out{color:#FF8A96}
.ft-row--fix .ft-out{color:var(--ft-green)}
.ft-row--unknown .ft-out{color:var(--ft-amber)}
.ft-input{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid rgba(123,240,176,.18);background:rgba(123,240,176,.04)}
.ft-input__in{flex:1;min-width:0;height:44px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#E8FFF2;font:inherit;font-size:var(--fs-3);font-weight:700;caret-color:var(--ft-green)}
.ft-input__in:focus{outline:none;background:rgba(123,240,176,.06)}
.ft-input .gm-btn{min-height:42px;min-width:80px;font-size:var(--fs-2)}
.ft-log{min-width:0;padding:14px;border-radius:14px;background:var(--gm-bg2);box-shadow:inset 0 0 0 1px var(--gm-line)}
.ft-feed{display:flex;flex-direction:column;gap:6px;max-height:400px;margin:0;padding:0;list-style:none;overflow:auto;overscroll-behavior:contain}
.ft-feed__i{display:flex;gap:10px;align-items:flex-start;padding:7px 10px;border-radius:10px;background:var(--gm-bg3);font-size:var(--fs-2);line-height:1.7}
.ft-feed__i time{flex:none;padding:0 6px;border-radius:6px;background:rgba(255,255,255,.06);color:var(--gm-ink3);font-size:var(--fs-1);font-weight:700}
.ft-feed__i.is-info{color:var(--gm-ink2)}
.ft-feed__i.is-warn{background:rgba(255,200,87,.12);box-shadow:inset 0 0 0 1px rgba(255,200,87,.35);color:#FFE3A6}
.ft-feed__i.is-bad{background:rgba(255,107,122,.16);box-shadow:inset 0 0 0 1px rgba(255,107,122,.5);color:#FFC2C9;font-weight:800}
.ft-feed__i.is-ok{background:rgba(123,240,176,.1);box-shadow:inset 0 0 0 1px rgba(123,240,176,.35);color:#C4F9DC;font-weight:800}
.ft-feed__i:first-child.is-warn,.ft-feed__i:first-child.is-bad{animation:ck-in .4s var(--ease)}
.ft-holes{display:flex;flex-direction:column;gap:6px;margin:6px 0 0;padding:0;list-style:none;text-align:start}
.ft-holes li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:var(--gm-bg2)}
.ft-holes li span{font-weight:700}
.ft-holes li small{margin-inline-start:auto;color:var(--gm-ink3)}
.ft-holes li.is-ok{box-shadow:inset 3px 0 0 var(--ft-green)}
.ft-holes li.is-bad{box-shadow:inset 3px 0 0 var(--gm-foe)}

/* ================================================================ کارآگاه */
.dt{--dt-cork:#4A3426;--dt-cork2:#5B4130;--dt-paper:#F7F1E3;--dt-paper2:#EFE6D2;--dt-ink:#2B2118;--dt-ink2:#6B5A47;--dt-red:#B3261E;--dt-green:#1F7A4A;--dt-pin:#C8442F;
  position:relative;display:flex;flex-direction:column;gap:18px;padding:20px;border-radius:var(--r-xl);color:var(--dt-ink);
  background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.06) 0 2px,transparent 3px) 0 0/26px 26px,radial-gradient(circle at 70% 60%,rgba(0,0,0,.12) 0 2px,transparent 3px) 0 0/31px 31px,linear-gradient(160deg,var(--dt-cork2),var(--dt-cork));
  box-shadow:inset 0 0 0 6px #6E4D35,inset 0 0 0 7px rgba(0,0,0,.25),0 16px 34px -20px rgba(30,18,10,.7)}
.dt-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.dt-stamp{display:inline-flex;align-items:center;gap:8px;margin:0;padding:6px 14px;border:2px solid #F2C6B8;border-radius:6px;color:#F2C6B8;font-weight:900;font-size:var(--fs-3);transform:rotate(-2deg)}
.dt-stamp svg{width:20px;height:20px}
.dt-budget{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:2px 12px;min-width:220px;padding:10px 14px;border-radius:8px;background:var(--dt-paper);box-shadow:0 6px 12px -8px rgba(0,0,0,.6);--b:100%}
.dt-budget span{font-size:var(--fs-1);color:var(--dt-ink2)}
.dt-budget b{justify-self:end;font-size:var(--fs-4);font-weight:900}
.dt-budget b small{font-size:var(--fs-1);color:var(--dt-ink2);font-weight:600}
.dt-budget__bar{grid-column:1/-1;height:8px;border-radius:99px;background:var(--dt-paper2);overflow:hidden}
.dt-budget__bar i{display:block;width:var(--b);height:100%;background:var(--dt-red);background:color-mix(in oklch,#2F7A55 var(--b),var(--dt-red));transition:width .4s var(--ease)}
.dt-h{display:flex;align-items:baseline;gap:10px;margin:0 0 10px;color:#FBEFD9;font-size:var(--fs-4);font-weight:900}
.dt-h small{font-size:var(--fs-1);font-weight:600;color:#DCC6A8}
.dt-suspects{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}
.dt-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:14px 14px 12px;border-radius:4px;background:var(--dt-paper);box-shadow:0 10px 18px -12px rgba(0,0,0,.75);transform:rotate(calc((var(--tilt) - 2.5) * .55deg));transition:transform .2s var(--ease),opacity .2s}
.dt-card::before{content:"";position:absolute;top:-7px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#F08A7A,var(--dt-pin) 60%,#7A1E12);box-shadow:0 3px 4px rgba(0,0,0,.4)}
.dt-card:hover{transform:rotate(0) translateY(-2px)}
.dt-card__face{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;font-size:22px;font-weight:900;color:#fff}
.dt-face--0{background:#6C5CE7}.dt-face--1{background:#0F8B8D}.dt-face--2{background:#C0563B}.dt-face--3{background:#3A6EA5}.dt-face--4{background:#8E5572}.dt-face--5{background:#5B7553}
.dt-card__name{margin:0;font-size:var(--fs-3);font-weight:900}
.dt-card__role{margin:-4px 0 0;font-size:var(--fs-1);color:var(--dt-ink2)}
.dt-facts{display:flex;flex-direction:column;gap:3px;margin:4px 0 0;padding-top:8px;border-top:1px dashed #D6C7A8}
.dt-facts div{display:flex;justify-content:space-between;gap:8px;font-size:var(--fs-1)}
.dt-facts dt{color:var(--dt-ink2)}
.dt-facts dd{margin:0;font-weight:800}
.dt-facts .is-hit dd{color:var(--dt-green);text-decoration:underline 2px;text-underline-offset:3px}
.dt-facts .is-miss dd{color:var(--dt-red);text-decoration:line-through 2px}
.dt-card__closed{margin:0;padding:8px;border:1px dashed #CDBB98;border-radius:4px;font-size:var(--fs-1);color:var(--dt-ink2);text-align:center}
.dt-card.is-misfit{opacity:.62}
.dt-card.is-struck{opacity:.45}
.dt-card.is-struck::after{content:"";position:absolute;inset:10px;background:linear-gradient(to top left,transparent calc(50% - 2px),var(--dt-red) calc(50% - 2px),var(--dt-red) calc(50% + 2px),transparent calc(50% + 2px));pointer-events:none}
.dt-card.is-culprit{opacity:1;box-shadow:0 0 0 3px var(--dt-red),0 14px 24px -12px rgba(0,0,0,.8)}
.dt-card.is-accused:not(.is-culprit){box-shadow:0 0 0 3px #8C7A62}
.dt-tag{position:absolute;top:10px;inset-inline-end:10px;padding:2px 10px;border:2px solid #8C7A62;border-radius:4px;color:#8C7A62;font-size:var(--fs-1);font-weight:900;transform:rotate(6deg)}
.dt-tag--culprit{border-color:var(--dt-red);color:var(--dt-red);font-size:var(--fs-3)}
.dt-card__strike{margin-top:auto}
.dt-btn{min-height:40px;padding:0 14px;border:0;border-radius:6px;background:var(--dt-ink);color:var(--dt-paper);font:inherit;font-size:var(--fs-2);font-weight:800;cursor:pointer}
.dt-btn:hover:not(:disabled){background:#43352A}
.dt-btn:disabled{opacity:.5;cursor:default}
.dt-btn--ghost{background:transparent;color:var(--dt-ink);box-shadow:inset 0 0 0 1.5px var(--dt-ink)}
.dt-btn--ghost:hover{background:var(--dt-paper2)!important}
.dt-btn--line{width:100%;min-height:34px;background:transparent;color:var(--dt-red);box-shadow:inset 0 0 0 1px rgba(179,38,30,.4);font-size:var(--fs-1)}
.dt-btn--line:hover{background:rgba(179,38,30,.08)!important}
.dt-btn--accuse{align-self:flex-start;min-height:48px;padding:0 22px;background:var(--dt-red);color:#fff;font-size:var(--fs-3)}
.dt-btn--accuse:hover:not(:disabled){background:#931F18}
.dt-clue-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.dt-clue{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:3px;background:repeating-linear-gradient(to bottom,var(--dt-paper) 0 26px,#E3EAF3 26px 27px);box-shadow:inset 0 3px 0 #E17A6E,0 8px 14px -10px rgba(0,0,0,.7)}
.dt-clue header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.dt-clue h5{margin:0;font-size:var(--fs-3);font-weight:900}
.dt-cost{padding:1px 8px;border-radius:99px;background:var(--dt-ink);color:var(--dt-paper);font-size:var(--fs-1);font-weight:800;white-space:nowrap}
.dt-clue__about{margin:0;font-size:var(--fs-1);color:var(--dt-ink2)}
.dt-clue__text{margin:0;font-size:var(--fs-2);font-weight:700;line-height:1.9}
.dt-clue.is-have{box-shadow:inset 0 3px 0 var(--dt-green),0 8px 14px -10px rgba(0,0,0,.7)}
.dt-clue.is-have .dt-clue__text{animation:ck-in .4s var(--ease)}
.dt-clue__text--hidden{color:var(--dt-ink2);font-weight:500}
.dt-accuse{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:4px;background:var(--dt-paper);box-shadow:0 10px 18px -12px rgba(0,0,0,.75)}
.dt-accuse fieldset{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0}
.dt-accuse legend{margin-bottom:8px;font-weight:900;font-size:var(--fs-3)}
.dt-pick{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;box-shadow:inset 0 0 0 1.5px #CDBB98;cursor:pointer;font-weight:700;font-size:var(--fs-2)}
.dt-pick:has(input:checked){background:var(--dt-ink);color:var(--dt-paper);box-shadow:none}
.dt-pick input{accent-color:var(--dt-red)}
.dt-note{margin:0;font-size:var(--fs-1);color:var(--dt-ink2)}
.dt-verdict{padding:16px 18px;border-radius:4px;background:var(--dt-paper);box-shadow:0 10px 18px -12px rgba(0,0,0,.75),inset 0 0 0 2px var(--dt-red)}
.dt-verdict.is-right{box-shadow:0 10px 18px -12px rgba(0,0,0,.75),inset 0 0 0 2px var(--dt-green)}
.dt-verdict__big{margin:0;font-size:calc(24px*var(--zoom));font-weight:900;color:var(--dt-red)}
.dt-verdict.is-right .dt-verdict__big{color:var(--dt-green)}
.dt-verdict__sub{margin:6px 0 0;font-size:var(--fs-2);line-height:1.9}
.dt .gm-end__score{color:var(--dt-ink)}

/* ================================================================ بهینه‌ساز */
.op{--op-bg:#0E2340;--op-bg2:#143058;--op-line:rgba(140,190,255,.18);--op-ink:#EAF2FF;--op-ink2:#AFC4E4;--op-cyan:#53D2F5;--op-gold:#F8C018;--op-red:#FF7A7A;
  display:flex;flex-direction:column;gap:16px;padding:20px;border-radius:var(--r-xl);color:var(--op-ink);
  background:linear-gradient(var(--op-line) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,var(--op-line) 1px,transparent 1px) 0 0/24px 24px,var(--op-bg);
  box-shadow:inset 0 0 0 1px rgba(140,190,255,.3),0 18px 40px -24px rgba(8,20,40,.8)}
.op :focus-visible{outline:2px solid var(--op-cyan);outline-offset:2px}
.op-intro{display:flex;flex-direction:column;align-items:center;gap:14px;padding:12px;text-align:center}
.op-intro__ic svg{width:48px;height:48px;color:var(--op-cyan)}
.op-intro__t{max-width:62ch;margin:0;font-size:var(--fs-3);line-height:1.95;color:var(--op-ink2)}
.op-intro__t b{color:var(--op-ink)}
.op-btn{min-height:48px;padding:0 26px;border:0;border-radius:10px;font:inherit;font-size:var(--fs-3);font-weight:900;cursor:pointer}
.op-btn--go{background:var(--op-cyan);color:#04223A;box-shadow:0 10px 26px -12px rgba(83,210,245,.8)}
.op-btn:disabled{opacity:.5;cursor:default}
.op-head{display:flex;flex-wrap:wrap;align-items:center;gap:20px}
.op-meter{position:relative;flex:none;width:200px;display:grid;justify-items:center;--p:0}
.op-meter svg{width:200px;height:auto;overflow:visible}
.op-meter__bg,.op-meter__fg{fill:none;stroke-width:12;stroke-linecap:round}
.op-meter__bg{stroke:rgba(255,255,255,.08)}
.op-meter__fg{stroke:var(--op-red);stroke-dasharray:calc(var(--p)*1) 100;transition:stroke-dasharray .5s var(--ease),stroke .3s}
.op-meter--mid .op-meter__fg{stroke:var(--op-gold)}
.op-meter--high .op-meter__fg{stroke:var(--op-cyan)}
.op-meter--top .op-meter__fg{stroke:#7CF0B5;filter:drop-shadow(0 0 6px rgba(124,240,181,.7))}
.op-meter b{position:absolute;top:44px;font-size:calc(38px*var(--zoom));font-weight:900;line-height:1}
.op-meter b small{font-size:var(--fs-3)}
.op-meter span{position:absolute;top:88px;font-size:var(--fs-1);color:var(--op-ink2)}
.op-facts{display:flex;flex:1;flex-wrap:wrap;gap:10px;margin:0}
.op-facts div{display:flex;flex-direction:column;gap:2px;padding:8px 14px;border-radius:10px;background:var(--op-bg2);box-shadow:inset 0 0 0 1px var(--op-line)}
.op-facts dt{font-size:var(--fs-1);color:var(--op-ink2)}
.op-facts dd{margin:0;font-size:var(--fs-4);font-weight:900}
.op-facts dd small{font-size:var(--fs-1);font-weight:600;color:var(--op-ink2)}
.op-time.is-low dd{color:var(--op-red)}
.op-done{display:flex;align-items:center;gap:8px;margin:0;padding:10px 14px;border-radius:10px;background:rgba(124,240,181,.1);box-shadow:inset 0 0 0 1px rgba(124,240,181,.35);font-size:var(--fs-2);line-height:1.8}
.op-done svg{width:18px;height:18px;flex:none;color:#7CF0B5}
.op-load{display:flex;flex-direction:column;gap:6px;--l:0%}
.op-load__bar{position:relative;height:18px;border-radius:99px;background:rgba(255,255,255,.07);overflow:visible}
.op-load__bar i{position:absolute;inset-block:0;inset-inline-start:0;width:min(var(--l),100%);border-radius:inherit;background:var(--op-cyan);transition:width .35s var(--ease)}
.op-load.is-over .op-load__bar i{width:100%;background:repeating-linear-gradient(135deg,var(--op-red) 0 8px,#C9474F 8px 16px)}
.op-load__cap{position:absolute;inset-block:-4px;inset-inline-end:0;width:3px;border-radius:2px;background:var(--op-gold)}
.op-load p{margin:0;font-size:var(--fs-2);color:var(--op-ink2)}
.op-load.is-over p b:last-child{color:var(--op-red)}
.op-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.op-items form{display:contents}
.op-item{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:84px;padding:10px 12px;border:0;border-radius:10px;background:rgba(20,48,88,.75);box-shadow:inset 0 0 0 1.5px rgba(140,190,255,.35);color:var(--op-ink);font:inherit;text-align:start;cursor:pointer;transition:transform .1s,background .15s,box-shadow .15s}
.op-item b{font-size:var(--fs-2);line-height:1.6}
.op-item span{font-size:var(--fs-1);color:var(--op-ink2)}
.op-item span i{font-style:normal;font-weight:900;color:var(--op-ink);font-size:var(--fs-3)}
.op-item__v i{color:var(--op-gold)!important}
.op-item:hover:not(:disabled){box-shadow:inset 0 0 0 1.5px var(--op-cyan)}
.op-item:active:not(:disabled){transform:scale(.98)}
.op-item.is-on{background:var(--op-cyan);color:#04223A;box-shadow:none}
.op-item.is-on span,.op-item.is-on span i{color:#04223A!important}
.op-item.is-best::after,.op-cell.is-best::after{content:"";position:absolute;inset:-4px;border-radius:13px;border:2px dotted var(--op-gold);pointer-events:none}
.op-item:disabled{cursor:default}
.op-grid-wrap{overflow:auto}
.op-grid{width:100%;border-collapse:separate;border-spacing:6px}
.op-grid th{padding:4px 6px;font-size:var(--fs-1);font-weight:800;color:var(--op-ink2);text-align:center;line-height:1.6}
.op-grid tbody th{text-align:start;white-space:nowrap;color:var(--op-ink)}
.op-grid td{padding:0;text-align:center}
.op-grid form{margin:0}
.op-cell{position:relative;display:grid;place-items:center;width:100%;min-width:52px;min-height:46px;border:0;border-radius:8px;background:rgba(20,48,88,.75);box-shadow:inset 0 0 0 1px rgba(140,190,255,.3);color:var(--op-ink);font:inherit;font-size:var(--fs-3);font-weight:800;cursor:pointer}
button.op-cell:hover{box-shadow:inset 0 0 0 1.5px var(--op-cyan)}
span.op-cell{cursor:default}
.op-cell.is-on{background:var(--op-cyan);color:#04223A;box-shadow:none}
.op-seq{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}
.op-job{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:rgba(20,48,88,.75);box-shadow:inset 0 0 0 1px rgba(140,190,255,.25)}
.op-job.is-late{box-shadow:inset 0 0 0 1px rgba(255,122,122,.55)}
.op-job__n{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.08);font-weight:900}
.op-job__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.op-job__main p{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0}
.op-job__main b{font-size:var(--fs-2)}
.op-job__main small{font-size:var(--fs-1);color:var(--op-ink2)}
.op-job__main em{font-style:normal;font-weight:900;color:var(--op-red)}
.op-job__best{padding:0 8px;border-radius:99px;box-shadow:inset 0 0 0 1.5px var(--op-gold);color:var(--op-gold);font-size:var(--fs-1);font-weight:800}
.op-gantt{position:relative;height:10px;border-radius:99px;background:rgba(255,255,255,.06)}
.op-gantt__bar{position:absolute;inset-block:0;inset-inline-start:var(--s);width:var(--w);border-radius:inherit;background:var(--op-cyan)}
.op-job.is-late .op-gantt__bar{background:var(--op-red)}
.op-gantt__due{position:absolute;inset-block:-4px;inset-inline-start:var(--due);width:2px;background:var(--op-gold)}
.op-job__move{display:flex;flex-direction:column;gap:4px}
.op-mv{width:38px;height:30px;border:0;border-radius:7px;background:rgba(255,255,255,.08);color:var(--op-ink);font-size:12px;cursor:pointer}
.op-mv:hover:not(:disabled){background:var(--op-cyan);color:#04223A}
.op-mv:disabled{opacity:.3;cursor:default}
.op-submit{display:flex;justify-content:flex-end}

/* ================================================================ پیشگو */
.fc{--fc-bg:#1B1238;--fc-bg2:#271A4F;--fc-line:rgba(205,190,255,.2);--fc-ink:#F4F0FF;--fc-ink2:#C7BCEB;--fc-yes:#5CE1C6;--fc-no:#FF8FA3;--fc-gold:#F8C018;
  display:flex;flex-direction:column;gap:16px;padding:20px;border-radius:var(--r-xl);color:var(--fc-ink);
  background:radial-gradient(1.4px 1.4px at 12% 18%,rgba(255,255,255,.7),transparent),radial-gradient(1.2px 1.2px at 78% 12%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 44% 68%,rgba(255,255,255,.5),transparent),radial-gradient(1.3px 1.3px at 90% 80%,rgba(255,255,255,.55),transparent),radial-gradient(120% 70% at 50% -10%,#3E2A7A,transparent 60%),var(--fc-bg);
  box-shadow:inset 0 0 0 1px var(--fc-line),0 18px 40px -24px rgba(20,10,50,.8)}
.fc :focus-visible{outline:2px solid var(--fc-gold);outline-offset:2px}
.fc-head{display:flex;align-items:center;gap:14px}
.fc-orb{display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#B9A6FF,#5B3FD1 60%,#2A1A6E);box-shadow:0 0 30px -4px rgba(150,120,255,.8)}
.fc-orb svg{width:30px;height:30px;color:#fff}
.fc-head__t{margin:0;font-size:var(--fs-4);font-weight:900}
.fc-head__s{margin:2px 0 0;font-size:var(--fs-2);color:var(--fc-ink2);line-height:1.8}
.fc-form{display:flex;flex-direction:column;gap:12px}
.fc-q{display:flex;flex-direction:column;gap:10px;min-width:0;margin:0;padding:14px 16px;border:0;border-radius:14px;background:rgba(39,26,79,.82);box-shadow:inset 0 0 0 1px var(--fc-line)}
.fc-q.is-closed{opacity:.7}
.fc-q.is-resolved{box-shadow:inset 0 0 0 1.5px rgba(248,192,24,.5)}
.fc-q__t{float:right;width:100%;margin:0;padding:0;font-size:var(--fs-3);font-weight:800;line-height:1.85}
.fc-q__meta{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.fc-q__meta span{padding:1px 10px;border-radius:99px;background:rgba(255,255,255,.07);font-size:var(--fs-1);color:var(--fc-ink2)}
.fc-q__meta .is-soon{background:rgba(255,143,163,.2);color:var(--fc-no)}
.fc-q__meta .is-shut{background:rgba(255,255,255,.12)}
.fc-q__meta .is-out{background:rgba(248,192,24,.18);color:var(--fc-gold);font-weight:800}
.fc-q__meta .is-score{background:rgba(92,225,198,.16);color:var(--fc-yes);font-weight:800}
.fc-q__info{margin:0;padding-inline-start:10px;border-inline-start:2px solid var(--fc-line);font-size:var(--fs-2);color:var(--fc-ink2);line-height:1.8}
.fc-bin{display:flex;flex-direction:column;gap:8px;--p:50%}
.fc-bin__bar{display:flex;height:14px;border-radius:99px;overflow:hidden}
.fc-bin__yes{width:var(--p);background:var(--fc-yes);transition:width .15s}
.fc-bin__no{flex:1;background:var(--fc-no)}
.fc-bin__row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.fc-bin__l{font-size:var(--fs-2);color:var(--fc-ink2);white-space:nowrap}
.fc-range{flex:1;min-width:140px;accent-color:var(--fc-yes)}
.fc-num{display:inline-flex;align-items:center;gap:4px}
.fc-num input{width:72px;height:40px;padding:0 8px;border:0;border-radius:8px;background:rgba(0,0,0,.3);box-shadow:inset 0 0 0 1px var(--fc-line);color:var(--fc-ink);font:inherit;font-size:var(--fs-3);font-weight:800;text-align:center}
.fc-num i{font-style:normal;color:var(--fc-ink2)}
.fc-bin__words{display:flex;justify-content:space-between;margin:0;font-size:var(--fs-1);color:var(--fc-ink2)}
.fc-bin__words b{color:var(--fc-ink)}
.fc-multi{display:flex;flex-direction:column;gap:8px}
.fc-opt{display:grid;grid-template-columns:minmax(120px,1.2fr) minmax(80px,2fr) auto;align-items:center;gap:10px;--p:0%}
.fc-opt label{font-size:var(--fs-2);font-weight:700}
.fc-opt__bar{height:10px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.fc-opt__bar i{display:block;width:var(--p);height:100%;background:var(--fc-yes);transition:width .15s}
.fc-opt.is-won label{color:var(--fc-gold)}
.fc-opt.is-won .fc-opt__bar i{background:var(--fc-gold)}
.fc-sum{margin:0;font-size:var(--fs-1);color:var(--fc-ink2)}
.fc-sum.is-bad{color:var(--fc-no);font-weight:800}
.fc-acts{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.fc-btn{min-height:46px;padding:0 20px;border:0;border-radius:10px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px var(--fc-line);color:var(--fc-ink);font:inherit;font-size:var(--fs-2);font-weight:800;cursor:pointer}
.fc-btn:hover{background:rgba(255,255,255,.16)}
.fc-btn--final{background:var(--fc-gold);color:#241A00;box-shadow:none}
.fc-btn--final:hover{background:#FFD24A}
.fc-saved{margin:0;text-align:end;font-size:var(--fs-1);color:var(--fc-yes)}

/* ================================================================ ساعت‌شنی */
.lr{--lr-sand:#F2B860;--lr-sand2:#B9792A;--lr-paper:#F6EBD3;--lr-ink:#33261A}
.lr-ladder{display:flex;gap:8px;margin:0;padding:0;list-style:none;overflow-x:auto}
.lr-step{display:flex;flex:1 1 0;min-width:130px;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:var(--gm-bg2);box-shadow:inset 0 0 0 1px var(--gm-line)}
.lr-step__n{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.08);font-weight:900}
.lr-step__t{display:flex;flex-direction:column;min-width:0}
.lr-step__t b{font-size:var(--fs-2)}
.lr-step__t small{font-size:var(--fs-1);color:var(--gm-ink3)}
.lr-step.is-now{box-shadow:inset 0 0 0 1.5px var(--lr-sand);background:rgba(242,184,96,.1)}
.lr-step.is-now .lr-step__n{background:var(--lr-sand);color:#2A1A04}
.lr-step.is-passed .lr-step__n{background:var(--gm-you);color:var(--gm-you-ink)}
.lr-step.is-failed .lr-step__n{background:var(--gm-foe);color:#2A0710}
.lr-glass{width:70px;height:auto;align-self:center}
.lr-glass__frame{fill:none;stroke:var(--lr-sand);stroke-width:3;stroke-linecap:round}
.lr-glass__sand{fill:var(--lr-sand)}
.lr-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:14px;align-items:start}
.lr-book{padding:16px 18px;border-radius:6px;background:linear-gradient(to bottom,rgba(0,0,0,.04),transparent 30px),var(--lr-paper);color:var(--lr-ink);box-shadow:0 12px 24px -16px rgba(0,0,0,.8),inset 0 0 0 1px rgba(120,80,30,.25)}
.lr-book h4{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:var(--fs-3);font-weight:900}
.lr-book h4 svg{width:18px;height:18px;color:var(--lr-sand2)}
.lr-book ol{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;counter-reset:rule}
.lr-book li{position:relative;display:flex;flex-direction:column;gap:2px;padding:8px 10px;padding-inline-start:34px;border-radius:6px;font-size:var(--fs-2);font-weight:600;line-height:1.95;counter-increment:rule}
.lr-book li::before{content:counter(rule,persian);position:absolute;inset-inline-start:8px;top:9px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--lr-ink);color:var(--lr-paper);font-size:11px;font-weight:900}
.lr-book li small{font-size:var(--fs-1);color:#8A6A44;font-weight:700}
.lr-book li.is-new{background:rgba(242,184,96,.35);box-shadow:inset 0 0 0 1.5px var(--lr-sand2);animation:lr-glow 1.6s ease-in-out 2}
.lr-book .gm-tt{color:var(--lr-ink);background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.15)}
.lr-book--preview{align-self:stretch}
.lr-play{display:flex;flex-direction:column;gap:12px;min-width:0}
.lr-round{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.lr-round > span{font-weight:800}
.lr-round small{color:var(--gm-ink3);font-size:var(--fs-1)}
.lr-round .gm-trail{flex:1;min-width:120px}
.lr-curve{margin:8px 0 0;padding:12px;border-radius:12px;background:var(--gm-bg2);box-shadow:inset 0 0 0 1px var(--gm-line)}
.lr-curve svg{width:100%;height:110px;overflow:visible}
.lr-curve__base{stroke:var(--gm-line2);stroke-width:1;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}
.lr-curve__line{fill:none;stroke:var(--lr-sand);stroke-width:2.2;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.lr-curve__dot{stroke-width:9;stroke-linecap:round;vector-effect:non-scaling-stroke}
.lr-curve__dot.is-ok{stroke:var(--gm-you)}
.lr-curve__dot.is-bad{stroke:var(--gm-foe)}
.lr-curve figcaption{margin-top:6px;font-size:var(--fs-1);color:var(--gm-ink3)}
.lr.lv-up .lr-step.is-now{animation:lr-glow 1.2s ease-in-out 2}

/* ================================================================ حرکت */
@keyframes ck-pulse{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes ck-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes ft-alarm{0%,100%{box-shadow:inset 0 0 0 2px rgba(255,107,122,.7),0 0 0 4px rgba(255,107,122,.12)}50%{box-shadow:inset 0 0 0 2px rgba(255,107,122,.35),0 0 0 8px rgba(255,107,122,.05)}}
@keyframes lr-glow{0%,100%{box-shadow:inset 0 0 0 1.5px var(--lr-sand2)}50%{box-shadow:inset 0 0 0 1.5px var(--lr-sand2),0 0 0 6px rgba(242,184,96,.25)}}
.gm.is-quiet .ck-alert.is-open,.gm.is-quiet .ck-msg.is-open,.gm.is-quiet .ft-feed__i{animation:none}
@media (prefers-reduced-motion:reduce){
  .ck-badge--hot,.ck-alert,.ck-msg,.ck-alert.is-open::before,.ft.is-danger,.ft-feed__i,.dt-clue__text,.lr-book li.is-new,.lr.lv-up .lr-step.is-now{animation:none!important}
  .ck-count i,.op-meter__fg,.op-load__bar i,.dt-card,.ft-health__bar i{transition:none}
}

/* ================================================================ تبلت و گوشی */
@media (max-width:1100px){
  .ck-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .ck-panel--gauge{grid-column:1/-1;order:-1;flex-direction:row;flex-wrap:wrap;justify-content:center}
  .ck-panel--gauge .ck-panel__h{flex-basis:100%}
  .ck-gauge__track{height:180px}
  .ft-grid,.lr-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .ck-intro__panels{grid-template-columns:minmax(0,1fr)}
  .ck-grid{grid-template-columns:minmax(0,1fr)}
  .ck-panel{padding:12px}
  .ck-gauge{flex-direction:column;align-items:center;width:100%}
  .ck-gauge__track{width:100%;height:40px}
  .ck-gauge__band{inset-inline:auto;top:0;bottom:0;inset-inline-start:calc(var(--low)*1%);width:calc((var(--high) - var(--low))*1%);height:auto;box-shadow:inset 1px 0 0 var(--gm-you),inset -1px 0 0 var(--gm-you)}
  .ck-gauge__needle{inset-inline:auto;top:-2px;bottom:-2px;inset-inline-start:calc(var(--pos)*1%);width:4px;height:auto;margin:0;margin-inline-start:-2px}
  .ck-gauge__read{flex-direction:row;align-items:baseline;gap:10px;min-width:0}
  .ck-list{max-height:360px}
  .ck-clock b{font-size:calc(22px*var(--zoom))}
  .ft-screen{height:300px}
  .dt{padding:14px}
  .dt-suspects{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .dt-card{padding:12px 10px 10px;transform:none}
  .dt-facts{gap:5px}
  .dt-facts div{flex-direction:column;gap:0;line-height:1.5}
  .dt-clue-list{grid-template-columns:minmax(0,1fr)}
  .op{padding:14px}
  .op-head{flex-direction:column;align-items:stretch;gap:12px}
  .op-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .op-facts div{padding:8px 10px}
  .op-meter{width:160px;align-self:center}
  .op-meter svg{width:160px}
  .op-meter b{top:34px}
  .op-meter span{top:72px}
  .op-items{grid-template-columns:repeat(2,minmax(0,1fr))}
  .op-job{padding:8px}
  .fc{padding:14px}
  .fc-opt{grid-template-columns:minmax(0,1fr) auto}
  .fc-opt__bar{grid-column:1/-1;order:3}
  .lr-ladder{gap:6px}
  .lr-step{min-width:0;gap:6px;padding:6px 8px}
  .lr-step__n{width:24px;height:24px}
  .lr-step__t b{font-size:var(--fs-1)}
  .lr-step__t small{display:none}
}
@media (forced-colors:active){
  .dt,.op,.fc{border:1px solid CanvasText}
  .ck-gauge__band,.op-load__bar i,.fc-bin__yes,.fc-opt__bar i,.dt-budget__bar i{background:Highlight}
}