.player-name.svelte-gl5nrd{display:flex;align-items:center;margin-bottom:var(--spacing-8)}.logout.svelte-gl5nrd{margin-left:auto}.logout.svelte-gl5nrd button:where(.svelte-gl5nrd){display:flex;background-color:var(--colour-secondary);color:var(--colour-light);padding:var(--spacing-2);box-shadow:var(--shadow-elevation-low)}.network-status.svelte-gl5nrd{font-size:var(--font-size-0);margin-bottom:var(--spacing-4)}.score.svelte-gl5nrd{display:grid;grid-template-areas:"score-1-label . score-2-label""score-numbers score-numbers score-numbers";grid-template-columns:1fr 1rem 1fr;grid-column-gap:var(--spacing-1);-moz-column-gap:var(--spacing-1);column-gap:var(--spacing-1);align-self:center;align-items:center;font-size:var(--font-size-2);font-family:var(--font-heading);max-width:var(--max-width-text-wrapper);margin-bottom:var(--spacing-8);padding-top:var(--spacing-4)}@media screen and (min-width:768px){.score.svelte-gl5nrd{display:grid;grid-template-areas:"score-1-label score-numbers score-2-label";grid-template-columns:1fr auto 1fr;grid-column-gap:var(--spacing-2);-moz-column-gap:var(--spacing-2);column-gap:var(--spacing-2)}}.score-1-label.svelte-gl5nrd{grid-area:score-1-label;text-align:right}.score-numbers.svelte-gl5nrd{grid-area:score-numbers;font-weight:var(--font-weight-bold);font-size:var(--font-size-3);text-align:center}.score-2-label.svelte-gl5nrd{grid-area:score-2-label}.turn.svelte-gl5nrd{margin-bottom:var(--spacing-8)}.player-indicator.svelte-gl5nrd{width:var(--spacing-4);height:var(--spacing-4);margin-right:var(--spacing-2);border:var(--spacing-px) solid var(--colour-dark);border-radius:var(--spacing-px-2);box-shadow:var(--shadow-elevation-medium)}button.svelte-118lex4{--_hover-colour:var(--hover-colour, var(--colour-alt));background-color:var(--colour-alt-tint-50-alpha-80);width:var(--grid-line-width);height:var(--square-size);padding:var(--spacing-0);border-radius:var(--spacing-px-2)}button.svelte-118lex4:not(:disabled):focus{background-color:var(--_hover-colour)}@media(any-hover:hover){button.svelte-118lex4:not(:disabled):hover{background-color:var(--_hover-colour)}}.player-1.svelte-118lex4{background-color:var(--colour-primary)}.player-1.svelte-118lex4:focus{outline:1px solid var(--colour-primary)}.player-2.svelte-118lex4{background-color:var(--colour-secondary)}.player-2.svelte-118lex4:focus{outline:1px solid var(--colour-secondary)}.row-wrapper.svelte-daroc0{display:flex}.square.svelte-daroc0{--_square-margin:var(--spacing-px);--_square-side-length:calc(var(--square-size) - (2 * var(--_square-margin)));width:var(--_square-side-length);height:var(--_square-side_length);margin:var(--_square-margin)}.player-1.svelte-daroc0{background-color:var(--colour-primary-tint-50)}.player-2.svelte-daroc0{background-color:var(--colour-secondary-tint-50)}button.svelte-dbvtmy{--_hover-colour:var(--hover-colour, var(--colour-alt));background-color:var(--colour-alt-tint-50-alpha-80);width:var(--square-size);height:var(--grid-line-width);padding:var(--spacing-0);border-radius:var(--spacing-px-2)}button.svelte-dbvtmy:not(:disabled):focus{background-color:var(--_hover-colour)}@media(any-hover:hover){button.svelte-dbvtmy:not(:disabled):hover{background-color:var(--_hover-colour)}}.player-1.svelte-dbvtmy{background-color:var(--colour-primary)}.player-2.svelte-dbvtmy{background-color:var(--colour-secondary)}.horizontals-wrapper.svelte-5fboaq{display:flex;gap:var(--grid-line-width);padding-inline:var(--grid-line-width)}.grid-wrapper.svelte-1hhz0mg{background-color:var(--colour-light);width:-moz-fit-content;width:fit-content;padding:var(--spacing-6);margin-inline:auto;margin-bottom:var(--spacing-16);border-radius:var(--spacing-2);box-shadow:var(--shadow-elevation-medium)}form.svelte-6lfybp{margin-bottom:var(--spacing-20)}form.svelte-6lfybp p:where(.svelte-6lfybp){margin-bottom:var(--spacing-4);font:var(--font-weight-bold) var(--font-size-2)/var(--line-height-normal) var(--font-body)}.name-input-wrapper.svelte-6lfybp{--_border-radius:var(--spacing-2);display:flex;overflow:visible;margin:var(--spacing-6) auto var(--spacing-0);width:min(440px,100%);border-radius:var(--_border-radius);box-shadow:var(--shadow-elevation-medium)}.name-input-wrapper.svelte-6lfybp input:where(.svelte-6lfybp){border:var(--spacing-px) solid var(--colour-primary);border-radius:var(--_border-radius)0 0 var(--_border-radius);outline:0;width:100%}.name-input-wrapper.svelte-6lfybp:focus-within{outline:solid var(--spacing-px-2) var(--colour-primary)}.name-input-wrapper.svelte-6lfybp button:where(.svelte-6lfybp){position:relative;display:flex;align-items:center;border-radius:0 var(--_border-radius) var(--_border-radius)0;background:var(--colour-primary-linear-gradient-rotated);z-index:1}.name-input-wrapper.svelte-6lfybp button:where(.svelte-6lfybp):before{content:"";position:absolute;inset:0;width:100%;height:100%;border-radius:0 var(--_border-radius) var(--_border-radius)0;background:var(--colour-primary-linear-gradient);opacity:0;z-index:-1}.name-input-wrapper.svelte-6lfybp button:where(.svelte-6lfybp):focus:before{opacity:1}@media(any-hover:hover){.name-input-wrapper.svelte-6lfybp button:where(.svelte-6lfybp):hover:before{opacity:1}}@media(prefers-reduced-motion:no-preference){button.svelte-6lfybp:before{transition:opacity .6s ease-in-out}}.name-input-wrapper.svelte-6lfybp .button-text:where(.svelte-6lfybp){display:none}@media screen and (min-width:768px){.name-input-wrapper.svelte-6lfybp .button-text:where(.svelte-6lfybp){display:inline}}h2.svelte-1uha8ag{margin-bottom:var(--spacing-16)}