/* Chase build: splash page, task checklist and the small Tasks pill. Everything here is new and scoped to #chaseSplash and #chasePill. */
#chaseSplash{position:fixed;inset:0;z-index:9980;overflow:auto;-webkit-overflow-scrolling:touch;color:#f4efe2;font:16px/1.45 Inter,system-ui,sans-serif;
  background:radial-gradient(1200px 700px at 15% 0%,rgba(255,63,200,.22),transparent 60%),radial-gradient(1000px 700px at 100% 100%,rgba(56,232,255,.2),transparent 60%),linear-gradient(180deg,#0a0820,#10112b 60%,#0a0a1c)}
#chaseSplash.hidden{display:none}
#chaseSplash:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:repeating-linear-gradient(90deg,#38e8ff 0 38px,#ff3fc8 38px 76px)}
.csW{max-width:1040px;margin:0 auto;padding:34px 22px 40px;display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:30px;align-items:start}
.csPhoto{margin:0;position:sticky;top:22px}
.csFrame{padding:10px;border-radius:16px;background:linear-gradient(145deg,#e8b84a,#a8741c);box-shadow:0 14px 40px rgba(0,0,0,.55),0 0 0 2px rgba(255,255,255,.08) inset}
.csFrame img{display:block;width:100%;height:auto;border-radius:8px;aspect-ratio:1/1;object-fit:cover;object-position:50% 38%}
.csPhoto figcaption{margin-top:10px;text-align:center;font:italic 15px/1.3 Georgia,serif;color:#e9d9ae}
.csSlot{margin-top:16px}
.csSlot .csFrame{background:linear-gradient(145deg,#38e8ff,#8f5bff)}
.csSlot .ph{aspect-ratio:4/3;border-radius:8px;display:grid;place-items:center;text-align:center;background:repeating-linear-gradient(45deg,#1b1d3d 0 12px,#232650 12px 24px);color:#cfd3ff;font:600 12px/1.3 system-ui,sans-serif;letter-spacing:.08em}
.csH{margin:0 0 4px;font:700 clamp(28px,5vw,44px)/1.05 Cinzel,Georgia,serif;color:#fff;text-shadow:0 0 22px rgba(255,63,200,.5)}
.csH em{font-style:normal;color:#e8b84a}
.csLead{margin:8px 0 14px;font-size:17px;color:#f1ecde;max-width:56ch}
.csBar{display:flex;align-items:center;gap:12px;margin:14px 0 8px}
.csBar b{font:700 13px/1 system-ui,sans-serif;letter-spacing:.12em;color:#38e8ff;text-transform:uppercase}
.csProg{flex:1;height:8px;border-radius:6px;background:#1d2046;overflow:hidden}
.csProg i{display:block;height:100%;width:0;background:linear-gradient(90deg,#38e8ff,#ff3fc8);transition:width .3s}
.csCount{font:600 14px/1 system-ui,sans-serif;color:#e9d9ae;min-width:48px;text-align:right}
#csTasks{list-style:none;margin:0;padding:0;display:grid;gap:8px}
#csTasks li{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:11px 12px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
#csTasks li.done{background:rgba(56,232,255,.1);border-color:rgba(56,232,255,.4)}
#csTasks li.done .t{text-decoration:line-through;text-decoration-color:rgba(255,255,255,.35);color:#c9cde8}
#csTasks input{width:24px;height:24px;margin:2px 0 0;accent-color:#ff3fc8;cursor:pointer}
#csTasks label{cursor:pointer;display:block}
#csTasks .t{display:block;font-weight:600;color:#fff}
#csTasks .d{display:block;margin-top:2px;font-size:14px;color:#cfd3ee}
.csBtns{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.csBtn{appearance:none;border:0;border-radius:12px;padding:13px 20px;font:700 16px/1 system-ui,sans-serif;cursor:pointer;min-height:46px;touch-action:manipulation}
#chaseSplash .csBtn.go{background:linear-gradient(135deg,#ff3fc8,#ff8a3d);color:#16091a}
#chaseSplash .csBtn.fb{background:#38e8ff;color:#06222a}
#chaseSplash .csBtn.gh{background:transparent;color:#e9d9ae;border:1px solid rgba(233,217,174,.5)}
.csBtn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.csFine{margin-top:12px;font-size:13px;color:#9aa0c8}
#chasePill{position:fixed;z-index:9985;left:50%;top:8px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:7px 14px;border-radius:20px;border:1.5px solid #38e8ff;background:rgba(10,8,32,.9);color:#e9fbff;font:700 13px/1 system-ui,sans-serif;cursor:pointer;min-height:36px;touch-action:manipulation;box-shadow:0 2px 12px rgba(0,0,0,.5)}
#chasePill.hidden{display:none}
#chasePill i{font-style:normal;color:#ff3fc8}
@media (max-width:760px){.csW{grid-template-columns:1fr;gap:18px;padding:22px 16px 90px}.csPhoto{position:static;max-width:300px;margin:0 auto}.csBtns{position:sticky;bottom:10px}.csBtn{flex:1 1 140px}}

.csFrame.big img{aspect-ratio:1/1;object-fit:cover;object-position:50% 38%}
.csRow{display:grid;grid-template-columns:1.3fr 1fr;gap:10px;margin-top:14px;align-items:end}
.csRow .csFrame{padding:6px;border-radius:12px}
.csRow img{width:100%;height:auto;border-radius:6px;object-fit:cover}
.csRow img.wide{aspect-ratio:4/3;object-position:50% 30%}
.csRow img.tall{aspect-ratio:3/4;object-position:50% 20%}
.csFeat{margin:14px 0 6px;padding:16px 18px;border-radius:14px;border:1.5px solid #e8b84a;background:linear-gradient(135deg,rgba(232,184,74,.16),rgba(255,63,200,.12))}
.csFeat h2{margin:2px 0 6px;font:700 26px/1.1 Cinzel,Georgia,serif;color:#fff}
.csFeat p{margin:0 0 12px;font-size:15px;color:#f1ecde;max-width:60ch}
.csTag{display:inline-block;font:700 11px/1 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#16091a;background:#e8b84a;padding:5px 9px;border-radius:6px}

#chaseSplash .csBtn.sm{padding:8px 12px;min-height:36px;font-size:13px;margin:6px 0 0}
#chaseSplash .csFeat .csBtn{background:linear-gradient(135deg,#ff3fc8,#ff8a3d);color:#16091a}
@media (max-width:760px){.csPhoto{max-width:260px}.csBtns{background:linear-gradient(180deg,transparent,#0a0a1c 40%);padding:16px 0 4px;margin-top:10px}}

body.chaseSplashOn #fbBtn{display:none!important}

#chaseStrip{position:fixed;z-index:9000;right:60px;top:150px;width:112px;padding:8px;border-radius:14px;background:rgba(10,8,32,.82);border:1.5px solid #c9a24b;box-shadow:0 6px 24px rgba(0,0,0,.5);display:grid;gap:8px;justify-items:center}
#chaseStrip.hidden{display:none}
#chaseStrip .csThumb{padding:4px;border-radius:9px;background:linear-gradient(145deg,#e8b84a,#a8741c);width:100%;box-sizing:border-box}
#chaseStrip .csThumb img{display:block;width:100%;height:auto;border-radius:5px;aspect-ratio:1/1;object-fit:cover}
#chaseStrip .csThumb:nth-child(2) img{object-position:50% 35%}
#chaseStrip .csThumb:nth-child(4) img{object-position:50% 18%}
#chaseStrip .csMark{width:56px;height:56px;opacity:.95}
#chaseStrip button{position:absolute;top:-10px;right:-10px;width:26px;height:26px;border-radius:50%;border:1px solid #c9a24b;background:#0e1632;color:#e3c377;font:700 15px/1 system-ui;cursor:pointer;padding:0;min-height:0}