.litterbox-header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}

.litterbox-header h1 {
    margin: 8px 0 4px;
    font-size: clamp(2rem, 5vw, 3.2rem);
    line-height: 1;
}

.litterbox-header p {
    max-width: 620px;
    color: var(--color-text-muted);
}

.litterbox-house-edge {
    display: grid;
    gap: 2px;
    min-width: 130px;
    padding: 14px 16px;
    border: 1px solid var(--color-border);
    border-radius: 14px;
    background: rgb(255 255 255 / 2%);
    text-align: right;
}

.litterbox-house-edge span {
    color: var(--color-text-muted);
    font-size: .72rem;
}

.litterbox-house-edge strong {
    font-size: 1.2rem;
}

.litterbox-layout {
    display: grid;
    grid-template-columns: minmax(250px, 320px) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.litterbox-panel,
.litterbox-board-card {
    border: 1px solid var(--color-border);
    border-radius: 18px;
    background: #0f151d;
    box-shadow: 0 18px 55px rgb(0 0 0 / 20%);
}

.litterbox-panel {
    display: grid;
    gap: 18px;
    padding: 20px;
}

.litterbox-control {
    display: grid;
    gap: 8px;
}

.litterbox-control label,
.litterbox-control-title {
    color: var(--color-text-muted);
    font-size: .76rem;
    font-weight: 700;
}

.litterbox-input {
    width: 100%;
    min-height: 44px;
    padding: 0 12px;
    color: var(--color-text);
    background: #0b1016;
    border: 1px solid var(--color-border);
    border-radius: 11px;
    font: inherit;
}

.litterbox-quick-wagers {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
}

.litterbox-quick-wagers .button {
    min-width: 0;
    padding-inline: 8px;
}

.litterbox-range-row {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 12px;
}

#litterbox-mines {
    width: 100%;
    accent-color: var(--color-primary);
}

#litterbox-mines-value {
    min-width: 78px;
    color: var(--color-primary);
    font-size: .78rem;
    font-weight: 800;
    text-align: right;
}

.litterbox-live-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.litterbox-live-stats > div {
    display: grid;
    gap: 3px;
    min-width: 0;
    padding: 10px;
    background: rgb(255 255 255 / 2%);
    border: 1px solid var(--color-border);
    border-radius: 10px;
}

.litterbox-live-stats span {
    color: var(--color-text-muted);
    font-size: .63rem;
}

.litterbox-live-stats strong {
    overflow: hidden;
    font-size: .82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.litterbox-actions {
    display: grid;
    gap: 8px;
}

.litterbox-actions .button {
    width: 100%;
}

.litterbox-status {
    min-height: 42px;
    margin: 0;
    padding: 11px 12px;
    color: var(--color-text-muted);
    background: rgb(75 185 233 / 5%);
    border: 1px solid var(--color-border);
    border-radius: 10px;
    font-size: .78rem;
}

.litterbox-board-card {
    padding: clamp(14px, 2vw, 22px);
}

.litterbox-board-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.litterbox-board-top span {
    color: var(--color-text-muted);
    font-size: .75rem;
}

.litterbox-board {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: clamp(7px, 1.2vw, 12px);
}

.litterbox-tile {
    position: relative;
    display: grid;
    place-items: center;
    min-width: 0;
    aspect-ratio: 1;
    padding: 6px;
    color: var(--color-text);
    background: linear-gradient(180deg, #1a2430, #131b24);
    border: 1px solid rgb(255 255 255 / 7%);
    border-radius: 14px;
    box-shadow: inset 0 -4px 0 rgb(0 0 0 / 16%);
    cursor: pointer;
    transition: transform 120ms ease, border-color 120ms ease, background 120ms ease;
}

.litterbox-tile:not(:disabled):hover {
    transform: translateY(-2px);
    border-color: rgb(75 185 233 / 55%);
}

.litterbox-tile:disabled {
    cursor: default;
}

.litterbox-tile-symbol {
    font-size: clamp(1.15rem, 3vw, 2rem);
}

.litterbox-tile small {
    color: var(--color-text-muted);
    font-size: clamp(.5rem, 1.2vw, .68rem);
}

.litterbox-tile.is-safe {
    color: #bcecff;
    background: radial-gradient(circle at 50% 35%, rgb(75 185 233 / 22%), transparent 60%), #111c25;
    border-color: rgb(75 185 233 / 36%);
}

.litterbox-tile.is-mine {
    background: radial-gradient(circle at 50% 35%, rgb(255 177 63 / 18%), transparent 60%), #211910;
    border-color: rgb(255 177 63 / 30%);
}

.litterbox-tile.is-exploded {
    animation: litterbox-dry-hit 320ms ease;
    border-color: rgb(255 92 92 / 70%);
    box-shadow: 0 0 0 3px rgb(255 92 92 / 9%), inset 0 -4px 0 rgb(0 0 0 / 16%);
}

@keyframes litterbox-dry-hit {
    0% { transform: scale(.9) rotate(-2deg); }
    55% { transform: scale(1.06) rotate(2deg); }
    100% { transform: scale(1); }
}

.litterbox-rules {
    margin-top: 18px;
    padding: 16px 18px;
    color: var(--color-text-muted);
    background: rgb(255 255 255 / 1.5%);
    border: 1px solid var(--color-border);
    border-radius: 14px;
    font-size: .78rem;
}

.litterbox-rules strong {
    color: var(--color-text);
}

@media (max-width: 900px) {
    .litterbox-layout {
        grid-template-columns: 1fr;
    }

    .litterbox-panel {
        order: 2;
    }
}

@media (max-width: 560px) {
    .litterbox-header {
        align-items: start;
        flex-direction: column;
    }

    .litterbox-house-edge {
        width: 100%;
        text-align: left;
    }

    .litterbox-board-card {
        padding: 10px;
    }

    .litterbox-board {
        gap: 6px;
    }

    .litterbox-tile {
        border-radius: 10px;
    }
}

/* casino rebalance: career strip */
.casino-stat-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px}.casino-stat-strip article{padding:14px 16px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,var(--surface-2),var(--surface));min-width:0}.casino-stat-strip span{display:block;color:var(--text-muted);font-size:.78rem;text-transform:lowercase;margin-bottom:5px}.casino-stat-strip strong{display:block;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:800px){.casino-stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){.casino-stat-strip{grid-template-columns:1fr 1fr}.casino-stat-strip article:last-child{grid-column:1/-1}}