/* CONSTRUCTION CHAOS — retention spine styles (2026-10-23 completion push).
   Spine-only classes; the game's own styles are untouched. */
#ccPaintCv { position:fixed; inset:0; z-index:5; pointer-events:none; }
#ccMenuBar { margin:12px auto 2px; max-width:520px; background:#fff8e1; border:2px dashed #f0b429;
  border-radius:16px; padding:9px 12px; color:#22304a; font-weight:800; font-size:13.5px; line-height:1.5; }
#ccMenuBar .ccRow { display:block; }
#ccMenuBar .ccSeason { color:#b96a00; font-weight:900; }
#ccMenuBar .ccLock { color:#8a6d1f; font-size:12.5px; }
.ccBtn { pointer-events:auto; cursor:pointer; border:none; border-radius:999px; padding:11px 20px; margin:6px 3px 0;
  font-size:15px; font-weight:900; color:#fff; background:linear-gradient(180deg,#8e44ad,#6c3483);
  box-shadow:0 4px 0 #4a235a, 0 8px 16px rgba(0,0,0,.3); }
.ccBtn:active { transform:translateY(3px); box-shadow:0 1px 0 #4a235a; }
.ccBtn.gold { background:linear-gradient(180deg,#ffb020,#f07d00); box-shadow:0 4px 0 #9a5200, 0 8px 16px rgba(0,0,0,.3); color:#40260a; }
.ccBtn.blue { background:linear-gradient(180deg,#3f9be0,#1c63ad); box-shadow:0 4px 0 #123f6e, 0 8px 16px rgba(0,0,0,.3); }
/* v3.2 SILENT CHEST: the pill is gone — the chest line lives on the done panel */
#ccDoneExtras { margin-top:10px; }
#ccChestLine { font-weight:900; color:#1e7d32; font-size:15px; line-height:1.45; margin:6px 0; }
#ccDoneExtras .ccSub { color:#5a6c8f; font-weight:800; font-size:13px; margin-top:4px; }
#ccTodayLine { font-size:min(19px,4vw); font-weight:900; color:#b8ffb0; margin-top:6px; text-shadow:0 2px 10px rgba(0,0,0,.65); }
.ccPanel { position:fixed; inset:0; z-index:60; display:none; align-items:center; justify-content:center;
  background:rgba(8,12,30,.55); padding:14px; box-sizing:border-box; }
.ccPanel.on { display:flex; }
.ccCard { background:linear-gradient(180deg,#fffdf4,#ffeec2); border-radius:26px; padding:20px 22px;
  max-width:600px; width:100%; box-shadow:0 18px 50px rgba(0,0,0,.55); text-align:center;
  max-height:94dvh; overflow-y:auto; color:#22304a; }
.ccCard h2 { margin:2px 0 4px; font-size:26px; font-weight:900; }
.ccCard .ccSub { color:#5a6c8f; font-weight:800; font-size:14px; margin:2px 0 8px; }
.ccPraise { font-size:19px; font-weight:900; color:#b96a00; margin:8px 2px; line-height:1.35; }
.ccToday { font-weight:900; color:#1e7d32; font-size:14.5px; margin:6px 0; }
.ccBadges { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin:10px 0; }
.ccBadge { border:2px solid #d8c491; background:#fff; border-radius:14px; padding:7px 10px; font-size:12.5px;
  font-weight:900; color:#22304a; min-width:96px; }
.ccBadge.locked { opacity:.55; filter:grayscale(.6); }
.ccBadge .ccBSub { display:block; font-size:11px; color:#8a6d1f; font-weight:800; margin-top:2px; }
.ccLedger { text-align:left; margin:8px auto; max-width:420px; font-weight:800; font-size:14px; color:#33486e; line-height:1.6; }
.ccShopRow { display:flex; gap:8px; justify-content:center; flex-wrap:wrap; margin:8px 0; }
.ccPaint { border:3px solid #d8c491; background:#fff; border-radius:16px; padding:9px 12px; font-weight:900;
  font-size:13.5px; color:#22304a; cursor:pointer; min-width:130px; }
.ccPaint.sel { border-color:#f07d00; background:#fff3d6; box-shadow:0 0 0 3px rgba(240,125,0,.25); }
.ccPaint .ccPSub { display:block; font-size:11.5px; color:#8a6d1f; font-weight:800; margin-top:2px; }
.ccStats { font-weight:900; font-size:15px; color:#22304a; margin:6px 0; line-height:1.6; }