.Button{padding:.4rem .5rem .5rem;color:#fff;border:none;font-weight:700;font-size:1rem;background-color:#ffffff1a;border-radius:5px;cursor:pointer;transition:background-color linear .2s}.Button:hover{background-color:#fff3;transition:background-color linear .1s}.Button:disabled{opacity:.2;pointer-events:none}html,body,#root{width:100%;height:100%}html,body{font-size:16px}@media (min-width: 48rem){html,body{font-size:18px}}@media (min-width: 75rem){html,body{font-size:24px}}#root{display:flex;align-items:center;justify-content:center;gap:2rem}#controls{display:flex;align-items:center;justify-content:center;gap:1rem}@media (orientation: portrait){#board{width:90svw;height:90svw}#root{flex-direction:column}}@media (orientation: landscape){#board{width:90svh;height:90svh}#root{flex-direction:row}#controls{flex-direction:column;align-items:stretch}}#controls.isRotated button{transform:rotate(180deg)}#board div[data-boardid="0"]{border-radius:1svh;overflow:hidden}.Splash{position:absolute;top:0;left:0;width:100svw;height:100svh;background:#000000f2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;padding:2rem}.Splash h1{font-size:1rem;text-align:center;margin:0;line-height:1.6}.Splash p{font-size:1rem;text-align:center;margin:0;line-height:1.6;font-weight:200}.Splash h1,.Splash p{max-width:26rem}.Splash .Progress{max-width:24rem}.Progress{background:#222;width:100%;height:.2rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin:.5rem 0 1rem}.Progress .indicator{background:#ae8a68;width:var(--value, 0%);height:.2rem}html,body{margin:0;padding:0;background:#222;color:#fff}*{box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}