:root{--flock-bg: white;--flock-accent: blue;--flock-text: black;--flock-stroke: blue;--flock-inner-stroke-opacity: .4;--flock-line-width: 3;--mining-circle-color: black;--laser-color: black;--pointer-laser-color: var(--laser-color);--share-button-bg: blue;--share-button-text: white;--button-hover-bg: grey}body.dark-mode{--flock-bg: black;--flock-accent: red;--flock-text: white;--flock-stroke: red;--flock-inner-stroke-opacity: .4;--flock-line-width: 3;--mining-circle-color: white;--laser-color: white;--pointer-laser-color: var(--laser-color);--share-button-bg: red;--share-button-text: black;--button-hover-bg: grey}html,body{height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{min-height:100vh;display:flex;flex-direction:column;background-color:var(--flock-bg);color:var(--flock-text);overflow:hidden;margin:0}header,main,footer{z-index:2}main{flex:1;position:relative;padding:1.5rem 0;display:flex;align-items:center;justify-content:center}.flock-wrapper{display:flex;justify-content:center;align-items:center;background-color:var(--flock-bg);box-sizing:border-box;cursor:auto}.play-surface{position:relative;width:850px;height:600px;padding:0;box-sizing:border-box;background-color:var(--flock-bg);overflow:hidden;border:8px dashed var(--flock-stroke);transition:border-style .1s ease}.play-surface.is-live{border-style:solid}.play-surface.is-frozen{border-style:dashed}.play-surface.is-blink-solid{border-style:solid}.play-surface.is-blink-dashed{border-style:dashed}.flock-field{position:absolute;inset:0;background:transparent;z-index:2;pointer-events:none}#flock-canvas{width:100%;height:100%;display:block;pointer-events:none}.reset-button{border:none;background:transparent;color:var(--flock-text);font-style:italic;font-size:1rem;padding:0;margin:0;cursor:pointer}.reset-button:hover{background-color:gray;margin:0}.flock-timer-wrapper{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0rem;pointer-events:none;z-index:1;text-align:center}.flock-timer{font-size:100px;font-weight:600;color:gray;opacity:.4}.share-button{background-color:var(--share-button-bg);color:var(--share-button-text);font-size:1rem;text-transform:lowercase;border:none;padding:0;margin:0;cursor:pointer}.share-button:hover{background-color:gray;margin:0;color:var(--flock-text)}.share-score{font-size:1rem;text-transform:lowercase;color:var(--flock-text);margin:0}.hidden{display:none!important}footer .footer-right{display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:.5rem}