:root{--color-dark: #010101;--color-light: #f1f1f1;--color-text: var(--color-dark);--color-background: var(--color-light);--player-green: #059e1f;--player-red: #b0031f;--player-blue: #035e8f;--player-yellow: #ccb800;--player-green-light: color-mix(in srgb, var(--player-green), white 20%);--player-red-light: color-mix(in srgb, var(--player-red), white 20%);--player-blue-light: color-mix(in srgb, var(--player-blue), white 20%);--player-yellow-light: color-mix(in srgb, var(--player-yellow), white 20%);--board-green: #04d127;--board-red: #e40227;--board-blue: #038fdb;--board-yellow: #ffe600;--spacing-horizontal-page: 20px;--focus-outline-width: 2px}@media (prefers-color-scheme: dark){:root:not(.light){--color-text: var(--color-light);--color-background: var(--color-dark)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;color:var(--color-text);background-color:var(--color-background);min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}p{margin:0}a{color:inherit;text-decoration:none}a:focus{outline:var(--focus-outline-width) solid currentColor;outline-offset:2px}button{font:inherit;background:none;border:none;cursor:pointer}button:focus{outline:var(--focus-outline-width) solid currentColor;outline-offset:2px}body{min-height:100svh;display:flex;place-items:center}.fullscreen-wrapper{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background:#f1f1f1}.game-board-container{width:100vmin;height:100vmin;overflow:hidden;display:flex;justify-content:center;align-items:center}.game-board{width:100%;height:100%;display:block}.game-piece circle{transition:cx .4s cubic-bezier(.78,0,.22,1),cy .4s cubic-bezier(.78,0,.22,1)}.game-piece.animating{will-change:transform;z-index:100}.game-piece:not(.animating){will-change:auto}