html,body{overscroll-behavior:none;height:100%;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#table,#table canvas{touch-action:none;display:block;position:fixed;inset:0}.pause{z-index:1;border:var(--border);background:var(--paper);width:2.75rem;height:2.75rem;color:inherit;font:600 1rem var(--body);cursor:pointer;touch-action:manipulation;border-radius:50%;padding:0;position:fixed;top:.6rem;left:.6rem}.lobby{z-index:2;flex-direction:row-reverse;display:flex;position:fixed;inset:0}.lobby[hidden]{display:none}.panel{text-align:center;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:.5rem;min-width:0;padding:1rem;display:flex}.panel.is-p1{background:var(--pink)}.panel.is-p2{background:var(--blue)}.panel h2{font-size:clamp(2.5rem,9vmin,4rem)}.panel p{margin:0 0 .75rem}.panel .button{min-width:11rem;font:600 1.25rem var(--body);cursor:pointer;touch-action:manipulation}.panel .button:disabled{background:var(--paper);box-shadow:none;cursor:default;transform:none}.panel a{color:inherit;margin-top:.75rem;font-weight:500}.panel small{font-size:1rem;font-weight:500}.lobby[data-state=countdown]{pointer-events:none}.lobby[data-state=countdown] .panel{padding:var(--countdown-gap,1rem);background:0 0}.lobby[data-state=countdown] .panel.is-p1{align-items:flex-end}.lobby[data-state=countdown] .panel.is-p2{align-items:flex-start}.lobby[data-state=countdown] .panel>:not(h2){display:none}.lobby[data-state=countdown] h2{font-size:clamp(4rem,20vmin,8rem)}@media (orientation:portrait){.lobby{flex-direction:column}.panel.is-p2{transform:rotate(180deg)}.lobby[data-state=countdown] .panel.is-p1,.lobby[data-state=countdown] .panel.is-p2{justify-content:flex-start;align-items:center}}@media (hover:none){.panel small{display:none}}