html,body{overscroll-behavior:none}body.in-play{overflow:hidden}body.in-play .shell{height:100vh;height:100dvh}.lobby{max-width:760px;width:100%;margin:0 auto;padding:32px 20px 48px}.lobby h1{margin:0 0 6px;font:400 64px/.95 var(--display);text-transform:uppercase}.lobby h1 span{color:var(--teal);display:block}.lobby p.lead{color:var(--grey);margin:0 0 28px;max-width:60ch}.field{display:block;margin-bottom:24px;border:0;padding:0}.field>label,.field>legend{display:block;font:400 18px/1 var(--display);text-transform:uppercase;margin-bottom:8px;padding:0}.field input{width:100%;max-width:360px;font:400 18px var(--text);color:var(--white);background:var(--panel);border:1px solid var(--line);border-radius:0;padding:10px 12px}.sides{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.side{text-align:left;padding:0;border:0;background:var(--panel);border-top:2px solid var(--line)}.side .in{display:block;padding:14px 14px 16px}.side .k{display:block;font:300 44px/1 var(--display);color:var(--grey)}.side .t{display:block;font:400 14px/1.4 var(--text);color:var(--grey);margin-top:8px}.side[aria-pressed=true]{border-top-color:var(--teal);background:var(--tag)}.side[aria-pressed=true] .k{color:var(--teal)}.side[aria-pressed=true] .t{color:var(--white)}.secret{font-size:13px;color:var(--grey);margin:10px 0 0}.controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.status{min-height:1.45em;margin:14px 0 0;color:var(--white)}.status:empty{display:none}.status.bad:before{content:"_ ";color:var(--teal);font-weight:600}.waiting{margin:0 0 24px;padding:16px 18px;background:var(--panel);border-top:2px solid var(--teal)}.waiting h2{margin:0 0 6px;font:400 32px/1 var(--display);text-transform:uppercase}.waiting p{margin:0;color:var(--grey)}.waiting b{color:var(--teal);font-weight:600}.over-note{color:var(--grey)}.howto-row{margin-top:18px}.play{flex:1;display:flex;flex-direction:column;min-height:0}.hud{display:flex;flex-wrap:wrap;gap:6px 22px;align-items:baseline;padding:10px 20px}.hud .v{font:400 28px/1 var(--display);font-variant-numeric:tabular-nums}.hud .l{font-size:12px;color:var(--grey);margin-left:4px}.hud .mine{margin-left:auto;font-size:13px;color:var(--grey)}.hud .mine b{color:var(--teal);font-weight:600}.stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 12px 12px;touch-action:none;-webkit-user-select:none;user-select:none}canvas.arena{display:block;background:var(--midnight);border:1px solid var(--line);touch-action:none}canvas.arena:focus{outline:none}canvas.arena:focus-visible{outline:2px solid var(--teal-soft);outline-offset:2px}.toast{position:absolute;left:50%;top:18px;transform:translate(-50%);padding:6px 12px;background:var(--tag);border-left:2px solid var(--teal);font-size:14px;pointer-events:none;opacity:0;transition:opacity .2s;white-space:nowrap}.toast.on{opacity:1}.help{padding:0 20px 14px;font-size:13px;color:var(--grey)}.away-note{position:absolute;left:50%;bottom:24px;transform:translate(-50%);padding:6px 12px;background:var(--tag);font-size:14px}@media(max-width:700px){.help{font-size:12px;padding:0 14px 10px}.hud{padding:8px 14px;gap:4px 16px}.hud .v{font-size:24px}.hud .mine{margin-left:0;flex-basis:100%}.bar .title{display:none}}@media(max-width:820px){.lobby h1{font-size:48px}.sides{grid-template-columns:1fr}}@media(max-height:500px){.help{display:none}.bar{padding:6px 14px}}.after{max-width:640px;width:100%;margin:0 auto;padding:32px 20px 48px;display:flex;flex-direction:column;gap:18px}.after h2{margin:0;font:400 48px/.95 var(--display);text-transform:uppercase;color:var(--teal)}.after .lead,.after .mine{margin:0;color:var(--grey)}.after .mine b{color:var(--white);font-weight:600}.after canvas.wheel{width:min(320px,80vw);height:auto;aspect-ratio:1}