#bravia-balls{position:fixed;bottom:0;left:0;width:100%;height:150vh;overscroll-behavior:contain;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#bravia-balls canvas{display:block;width:100%;height:150vh;position:absolute;bottom:0;left:0;-webkit-user-drag:none;user-select:none;-webkit-user-select:none;touch-action:none;cursor:none}:root{--ball-1:#b7bcb7;--ball-2:#e4e9e4;--ball-3:#ffffff;--ball-4:#00695c;--ball-5:#000000;--ball-6:#ff4013;--ball-7:#0d5cb6;--ball-8:#ffa000}.text-ball-1{color:var(--ball-1)}.text-ball-2{color:var(--ball-2)}.text-ball-3{color:var(--ball-3)}.text-ball-4{color:var(--ball-4)}.text-ball-5{color:var(--ball-5)}.text-ball-6{color:var(--ball-6)}.text-ball-7{color:var(--ball-7)}.text-ball-8{color:var(--ball-8)}.bg-ball-1{background-color:var(--ball-1)}.bg-ball-2{background-color:var(--ball-2)}.bg-ball-3{background-color:var(--ball-3)}.bg-ball-4{background-color:var(--ball-4)}.bg-ball-5{background-color:var(--ball-5)}.bg-ball-6{background-color:var(--ball-6)}.bg-ball-7{background-color:var(--ball-7)}.bg-ball-8{background-color:var(--ball-8)}.border-ball-1{border-color:var(--ball-1)}.border-ball-2{border-color:var(--ball-2)}.border-ball-3{border-color:var(--ball-3)}.border-ball-4{border-color:var(--ball-4)}.border-ball-5{border-color:var(--ball-5)}.border-ball-6{border-color:var(--ball-6)}.border-ball-7{border-color:var(--ball-7)}.border-ball-8{border-color:var(--ball-8)}