*,html,body{padding:0;margin:0}#root{display:flex;justify-content:center;align-items:center;height:100vh}#board{position:relative;box-shadow:4px 4px 10px #eaeaea}.gameover{display:flex;flex-direction:column;align-items:flex-end}button{padding:8px 12px;margin-top:8px;background:#f3f3f3;border:none;white-space:nowrap;border-radius:6px;color:var(--gray12);transition:border-color .2s,background .2s,box-shadow .2s}button:hover{background:#eaeaea}ul{list-style:none}.lobby,.login{display:flex;flex-direction:column}.status-board{position:fixed;display:flex;flex-direction:column;top:16px;right:16px;bottom:16px;left:16px;pointer-events:none;z-index:999}.status-board .pannel{max-width:350px;padding:8px 10px;border-radius:8px;background:#fff;color:#363636;box-shadow:0 3px 10px #0000001a,0 3px 3px #0000000d;pointer-events:all}.selected{opacity:0;animation:1s blink infinite}@keyframes blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}.start-board{position:absolute;width:100%;height:100%;top:0;display:grid;place-items:center;pointer-events:none;z-index:999;background:#35333c10}.start-board .pannel{display:flex;flex-direction:column;max-width:350px;padding:20px 32px 32px;border-radius:8px;background:#fff;color:#363636;box-shadow:0 3px 10px #0000001a,0 3px 3px #0000000d;pointer-events:all}.start-board .pannel button{margin-top:32px}.start-board .pannel header{font-size:larger;margin-bottom:16px;margin-left:-8px;font-weight:700}