/* The Rimeholt (public/js/court_winter.ts): the Aurora Bells' panel, the Carving Yard's shapes, Tove's
   sled, the bloom, Ingrith's tips. Frost-blue on the panels' parchment. */
.cwi-bells .cwi-bellrow { display: flex; flex-wrap: wrap; gap: 4px; margin: 8px 0 10px; }
.cwi-bellchip { display: inline-block; padding: 2px 8px; border-radius: 10px; color: #12202e; font-size: 12px; font-weight: 600; border: 1px solid rgba(0, 0, 0, .18); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5); }
.cwi-bells p.hint { color: #2a5a6a; }
.cwi-carve .cwi-shapes { display: grid; grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); gap: 6px; margin: 8px 0; }
.cwi-shapebtn { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 6px 4px; background: #eef6fb; border: 1px solid #a8c8dc; }
.cwi-shapebtn span { font-size: 12px; }
.cwi-shapebtn:disabled { opacity: .55; }
.cwi-shape { image-rendering: pixelated; display: block; margin: 0 auto; }
.cwi-carve .bar { height: 8px; border-radius: 4px; background: #d8e6ef; overflow: hidden; margin: 8px 0 4px; }
.cwi-carve .bar > div { height: 100%; background: linear-gradient(90deg, #9ad0f0, #e8f8ff); }
.cwi-sled .row .big, .cwi-north .big { font-size: 20px; }
.cwi-north { margin-top: 8px; padding-top: 8px; border-top: 1px dashed #a8c8dc; }
.cwi-bloom .letter { background: linear-gradient(180deg, #e8fff4 0%, #f4f0ff 60%, #fff4fa 100%); }
.cwi-tips { margin-top: 10px; padding-top: 6px; border-top: 1px dashed #a8c8dc; }
.cwi-tips h4 { margin: 0 0 4px; }
.cwi-trip .ct-trip-to { color: #e8f6ff; }
@media (max-width: 600px) { .cwi-carve .cwi-shapes { grid-template-columns: repeat(3, 1fr); } .cwi-shapebtn span { font-size: 11px; } }