.bubbles .bubble{font:12px/1.2 var(--bs-font-body,system-ui);white-space:nowrap;color:var(--card-foreground);background:var(--card);border:2px solid var(--outline);box-shadow:2px 2px 0 0 var(--shadow);will-change:transform, opacity;padding:2px 6px;position:absolute;top:0;left:0}.bubbles .bubble[data-seat="0"]{border-color:var(--p1)}.bubbles .bubble[data-seat="1"]{border-color:var(--p2)}.bubbles .bubble[data-seat="2"]{border-color:var(--p3)}.bubbles .bubble[data-seat="3"]{border-color:var(--p4)}.bubbles .bubble[data-seat="4"]{border-color:var(--p5)}.bubbles .bubble[data-seat="5"]{border-color:var(--p6)}.bubbles .gain{font:20px/1 var(--bs-font-pixel,var(--bs-font-body,system-ui));color:#fff;text-shadow:1px 1px #000,-1px 1px #000,1px -1px #000,-1px -1px #000;white-space:nowrap;pointer-events:none;will-change:transform, opacity;align-items:center;gap:2px;display:flex;position:absolute;top:0;left:0}.bubbles .gain img{width:30px;height:30px;image-rendering:pixelated;filter:drop-shadow(1px 1px #000)}html:has([data-game]){overscroll-behavior:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html:has([data-game]) body{overscroll-behavior:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}[data-hud]{inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.touch-stick{width:calc(var(--travel) * 2);height:calc(var(--travel) * 2);margin:calc(var(--travel) * -1) 0 0 calc(var(--travel) * -1);border:2px solid var(--outline);background:color-mix(in srgb, var(--card) 30%, transparent);pointer-events:none;opacity:0;border-radius:50%;transition:opacity .12s;position:absolute;top:0;left:0}.touch-stick[data-active=true]{opacity:1}.touch-stick-knob{border:2px solid var(--outline);background:var(--card);width:36px;height:36px;box-shadow:2px 2px 0 0 var(--shadow);border-radius:50%;margin:-18px 0 0 -18px;position:absolute;top:50%;left:50%}
