/* Halloween override: séance-window chrome */
    .ibm-cas-band {
        display: flex; align-items: center; justify-content: center; gap: 0.5rem;
        padding: 0.4rem 1rem;
        background: linear-gradient(160deg, var(--felt, #3a1a1f) 0%, var(--felt-2, #211013) 100%);
        color: var(--gold-2, #d8b878);
        font-family: 'EB Garamond', sans-serif;
        font-size: 9px; font-weight: 700;
        text-transform: uppercase; letter-spacing: 0.26em;
    }
    .ibm-cas-dots {
        height: 5px;
        background-image: radial-gradient(circle, var(--gold, #a8843f) 1.3px, transparent 1.6px);
        background-size: 11px 5px;
        background-repeat: repeat-x;
        background-position: center;
        opacity: 0.75;
    }
    .ibm-cas-plaque {
        background: linear-gradient(160deg, var(--felt, #3a1a1f) 0%, var(--felt-2, #211013) 100%);
        border: 1px solid rgba(var(--hw-brass-2-rgb),0.30);
    }

    /* Steppers as cauldron chips */
    .ibm-step {
        position: relative;
        background: linear-gradient(160deg, var(--felt, #3a1a1f) 0%, var(--felt-2, #211013) 100%) !important;
        color: #efe6d3 !important;
        border: 1px solid var(--gold) !important;
    }
    .ibm-step::after {
        content: ''; position: absolute; inset: 4px;
        border: 1px dashed rgba(var(--hw-brass-2-rgb),0.55);
        border-radius: 999px; pointer-events: none;
    }
    .ibm-step:hover {
        background: linear-gradient(180deg, var(--gold-2, #d8b878) 0%, var(--gold, #a8843f) 100%) !important;
        color: var(--gold-ink, #1c140c) !important;
        border-color: var(--gold-2, #d8b878) !important;
    }
    .ibm-bid-input:focus { border-color: var(--gold) !important; box-shadow: 0 0 0 3px var(--gold-soft); }
    .ibm-full-link:hover { color: var(--gold); }

    /* Quick-pick pills — chip stack */
    .ibm-pill {
        display: inline-flex; align-items: center; gap: 4px;
        padding: 0.375rem 0.85rem; border-radius: 999px;
        font-family: 'EB Garamond',sans-serif;
        font-size: 0.72rem; font-weight: 600;
        background: transparent; color: var(--ink-2);
        border: 1px solid var(--rule);
        transition: background 0.16s ease, color 0.16s ease, border-color 0.16s ease;
    }
    .ibm-pill:hover { background: var(--gold); color: var(--gold-ink, #1c140c); border-color: var(--gold); }
    .ibm-pill-max { border-color: var(--gold); color: var(--gold); font-weight: 700; }
    /* on the light panel: a deeper pumpkin figure, and the hover fill from the
       lighter end of the gradient so the dark ink reads on it */
    html:not(.dark) .ibm-pill-max:not(:hover) { color: #93400a; }
    html:not(.dark) .ibm-pill:hover { background: var(--gold-2); border-color: var(--gold-2); }
    .ibm-pill-min { border-style: dashed; border-color: var(--ink-soft); color: var(--ink-soft); }