.game-bingo-root,.game-bingo-root *{box-sizing:border-box}.game-bingo-root{--panel-border-dark:#5e80ff;--panel-border-light:#83d2e6;--text-dark:#000;--text-mid:#5e80ff;--gold:#ffe040;font-family:var(--font-hand);background:0 0;overflow-x:hidden}.game-bingo-root .rpg-panel{width:100%;max-width:var(--content-w-wide);margin:0 auto}.game-bingo-root .board-layout{grid-template-columns:minmax(0,160px) 1fr;align-items:start;gap:18px;display:grid}.game-bingo-root .board-left{flex-direction:column;grid-area:1/2;min-width:0;display:flex}.game-bingo-root .bingo-grid{-webkit-user-select:none;user-select:none;grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.game-bingo-root .cell{aspect-ratio:1;cursor:pointer;background:#cdd3ec;border:2px solid #2858ff;border-color:#5465c5 #2858ff #2858ff #5465c5;justify-content:center;align-items:center;padding:5px;transition:filter .1s;display:flex;position:relative;overflow:hidden}.game-bingo-root .cell:hover{filter:brightness(1.05)}.game-bingo-root .cell:active{border-color:#2858ff #5465c5 #5465c5 #2858ff}.game-bingo-root .cell.free-space{background:#cdd3ec;border-color:#2858ff}.game-bingo-root [data-cat=rest],.game-bingo-root [data-meter=rest]{--cat:var(--climate-snowy)}.game-bingo-root [data-cat=restore],.game-bingo-root [data-meter=restore]{--cat:var(--goldenrod)}.game-bingo-root [data-cat=connect],.game-bingo-root [data-meter=connect]{--cat:var(--rose)}.game-bingo-root [data-cat=cleanse],.game-bingo-root [data-meter=cleanse]{--cat:var(--climate-sunny)}.game-bingo-root [data-cat=nutrition],.game-bingo-root [data-meter=nutrition]{--cat:var(--climate-windy)}.game-bingo-root .cell.marked{background:var(--cat,var(--wisteria))}.game-bingo-root .cell.bingo-line{background:var(--bluebell);border-color:var(--climate-snowy);z-index:1;animation:.8s ease-in-out infinite alternate game-bingo-glow}@keyframes game-bingo-glow{0%{box-shadow:0 0 4px 1px var(--climate-snowy)}to{box-shadow:0 0 14px 4px var(--climate-snowy)}}.game-bingo-root .cell-text{font-family:var(--font-hand);font-size:var(--fs-game-md);color:var(--text-dark);text-align:center;z-index:1;pointer-events:none;letter-spacing:.3px;line-height:1.2}.game-bingo-root .cell.free-space .cell-text{font-family:var(--font-pixel);color:var(--text-dark);font-size:clamp(9px,1.8vw,18px)}.game-bingo-root .cell-heart{opacity:0;pointer-events:none;z-index:2;font-size:clamp(21px,3.5vw,37px);transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-bingo-root .cell.marked .cell-heart{opacity:1}.game-bingo-root .cell.marked .cell-text{opacity:.15}.game-bingo-root .meter-section{flex-direction:column;grid-area:1/1;min-width:0;display:flex}.game-bingo-root .meter-label{font-family:var(--font-hand);font-size:var(--fs-game-md);color:var(--text-mid);letter-spacing:2px;text-transform:uppercase;margin-bottom:5px}.game-bingo-root .meter-track{border:2px solid var(--panel-border-dark);border-right-color:var(--panel-border-light);border-bottom-color:var(--panel-border-light);background:#cdd3ec;height:22px;position:relative;overflow:hidden}.game-bingo-root .meter-fill{background:repeating-linear-gradient(90deg, var(--cat) 0px, var(--cat) 24px, color-mix(in srgb, var(--cat) 50%, white) 24px, color-mix(in srgb, var(--cat) 50%, white) 26px);min-width:0;height:100%;transition:width .4s steps(12,end)}.game-bingo-root .meter-grid{grid-template-columns:1fr;gap:6px;display:grid}.game-bingo-root .meter-box{border:2px solid var(--panel-border-dark);border-right-color:var(--panel-border-light);border-bottom-color:var(--panel-border-light);background:#cdd3ec;padding:6px 10px 8px}.game-bingo-root .meter-box-label{font-family:var(--font-hand);font-size:var(--fs-game-sm);color:var(--text-mid);letter-spacing:1px;text-transform:uppercase;margin-bottom:4px}.game-bingo-root .meter-box .meter-track{height:16px}.game-bingo-root .meter-box-overall{border-color:var(--orchid)}.game-bingo-root [data-meter=overall]{--cat:var(--orchid)}@media (width<=560px){.game-bingo-root .board-layout{grid-template-columns:1fr}.game-bingo-root .board-left,.game-bingo-root .meter-section{grid-column:1}.game-bingo-root .meter-grid{grid-template-columns:1fr 1fr}}