@layer components{:root{--bubba-panel:#1e2c52;--bubba-deep:#16213f;--bubba-line:#3f5d96;--bubba-ink:#e8f1ff;--bubba-muted:#a9bde0;--bubba-gold:#ffd36b;--bubba-short:#ff9a8a;--bubba-ready:#9fe39a;--bubba-card-ink:#2c1a3d}.bubba-board{border:3px solid var(--outline);background:radial-gradient(circle at 1px 1px, #ffffff0a 1px, transparent 0) 0 0 / 7px 7px, var(--bubba-panel);color:var(--bubba-ink);box-shadow:inset 0 0 0 2px var(--bubba-line);border-radius:14px;grid-template-columns:minmax(0,1fr) 290px;gap:22px 26px;padding:22px;display:grid}@media (width<=1180px){.bubba-board{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.bubba-board{border-radius:12px;padding:12px}}.bubba-cards{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}@media (width<=900px){.bubba-cards{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=560px){.bubba-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}}.bubba-card{aspect-ratio:93/70;width:100%;image-rendering:pixelated;color:var(--bubba-card-ink);cursor:pointer;background:url(/game/font-739.png) .986% 27.907%/645.16% 714.29% no-repeat;border:0;padding:0;display:block;position:relative;container-type:inline-size}.bubba-card:before,.bubba-card:after{content:"";pointer-events:none;image-rendering:pixelated;position:absolute}.bubba-card[data-state=short]:before{background:url(/game/font-739.png) 25.444% 45.349%/645.16% 714.29% no-repeat;inset:0}.bubba-card[aria-pressed=true]:after{background:url(/game/font-739.png) 54.257% 27.336%/631.58% 694.44% no-repeat;inset:-1.43% -1.08%}.bubba-card[data-state=hidden]{filter:grayscale(.9)brightness(.45)}.bubba-card[data-state=maybe]{filter:grayscale(.6)brightness(.7)}.bubba-card:focus-visible{outline:3px solid var(--bubba-gold);outline-offset:2px}.bubba-card>*{z-index:1;position:absolute}.bubba-card-name{font-family:var(--font-display);text-align:center;white-space:nowrap;text-overflow:clip;font-size:10.5cqw;line-height:1.1;top:3%;left:2%;right:2%;overflow:hidden}.bubba-card-icon{width:62.4%;height:35.7%;top:27%;left:5.4%}.bubba-card-icon>svg{width:100%;height:100%}.bubba-card-level{font-family:var(--font-display);font-size:10cqw;line-height:1;top:38%;right:5%}.bubba-card-cost{font-family:var(--font-display);color:var(--bubba-ready);text-shadow:0 1px #0009;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:2cqw;font-size:10.5cqw;line-height:1;display:flex;bottom:6%;left:3%;right:3%}.bubba-card-cost>svg{flex:none;width:13cqw;height:13cqw}.bubba-card[data-state=short] .bubba-card-cost{color:var(--bubba-short)}.bubba-card[data-state=unknown] .bubba-card-cost,.bubba-card[data-state=maybe] .bubba-card-cost,.bubba-card[data-state=short] .bubba-card-name,.bubba-card[data-state=short] .bubba-card-level,.bubba-card[data-state=hidden] .bubba-card-name,.bubba-card[data-state=hidden] .bubba-card-level{color:var(--bubba-ink)}.bubba-card[data-state=maxed] .bubba-card-cost{color:var(--bubba-gold)}.bubba-progress{gap:7px;margin-top:16px;display:grid}.bubba-progress-track{border:2px solid var(--bubba-line);background:var(--bubba-deep);border-radius:4px;height:12px;overflow:hidden}.bubba-progress-fill{background:linear-gradient(#ffd2e4,#f08ab2);height:100%}.bubba-progress-label{font-size:var(--text-xs);color:var(--bubba-muted);flex-wrap:wrap;justify-content:space-between;gap:4px 12px;display:flex}.bubba-progress-label strong,.bubba-detail strong{color:var(--bubba-ink);font-weight:600}.bubba-detail{border:2px solid var(--bubba-line);background:var(--bubba-deep);border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:14px;margin-top:16px;padding:14px 16px;display:grid}@media (width<=640px){.bubba-detail{grid-template-columns:auto minmax(0,1fr)}.bubba-detail>:last-child{grid-column:1/-1;justify-items:start}}.bubba-detail h3{font-family:var(--font-display);font-size:var(--text-lg);color:var(--bubba-ink);margin:0;font-weight:400}.bubba-detail p{font-size:var(--text-xs);color:var(--bubba-muted);margin:4px 0 0;line-height:1.5}.bubba-den{align-content:start;justify-items:center;gap:14px;display:grid}.bubba-megaflesh{grid-template-columns:repeat(4,58px);gap:4px;display:grid}.bubba-flesh{width:58px;height:58px;image-rendering:pixelated;cursor:pointer;background:url(/game/BubbaMFbox.png) 0 0/100% 100%;border:0;place-items:center;padding:0;display:grid;position:relative}.bubba-flesh[data-owned=false]>svg,.bubba-flesh[data-owned=false]>img{opacity:.25;filter:grayscale()}.bubba-flesh[aria-pressed=true]{outline:3px solid var(--bubba-gold);outline-offset:-1px;border-radius:4px}.bubba-flesh:focus-visible{outline:3px solid var(--bubba-gold)}.bubba-flesh-count{font-family:var(--font-display);color:var(--bubba-ink);text-shadow:0 1px #000;font-size:13px;position:absolute;bottom:1px;right:3px}.bubba-flesh-words{border:2px solid var(--bubba-line);background:var(--bubba-deep);width:100%;min-height:74px;font-size:var(--text-xs);color:var(--bubba-muted);text-align:center;border-radius:8px;padding:10px 12px;line-height:1.45}.bubba-flesh-words strong{font-family:var(--font-display);color:var(--bubba-ink);margin-bottom:2px;font-weight:400;display:block}.bubba-seal{width:270px;height:170px;position:relative}.bubba-seal-snow{position:absolute;bottom:0;left:0;right:0}.bubba-seal-bubble{width:140px;height:77px;image-rendering:pixelated;font-family:var(--font-display);color:var(--bubba-card-ink);text-align:center;background:url(/game/BubbaBub.png) 0 0/100% 100% no-repeat;place-items:center;padding-bottom:12px;font-size:15px;display:grid;position:absolute;top:0;left:0}.bubba-seal-bubble small{font-family:var(--font-sans);font-size:10px;display:block}.bubba-seal-body{position:absolute;bottom:14px;right:8px}.bubba-bonus-row{border:2px solid var(--bubba-line);background:var(--bubba-deep);border-radius:10px;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 14px;margin:0;padding:12px 14px;list-style:none;display:grid}@media (width<=900px){.bubba-bonus-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.bubba-bonus{font-size:var(--text-xs);color:var(--bubba-ink);align-items:center;gap:8px;display:flex}.bubba-bonus[data-locked]{color:var(--bubba-muted)}.bubba-bonus[data-locked]>svg{opacity:.4;filter:grayscale()}.bubba-features{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}@media (width<=1100px){.bubba-features{grid-template-columns:minmax(0,1fr)}}.bubba-chart{width:100%;max-width:300px;height:auto;margin:0 auto;display:block}}
