*{margin:0;padding:0}body,html,#root{width:100%;height:100%;margin:0}body{background:#000;overflow:hidden}.App{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;max-width:100%;height:100%}.controls{z-index:100;color:#fff;border-radius:30px;align-items:center;gap:1px;padding:10px;display:flex;position:fixed;bottom:5px;left:10px}.controls button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;width:40px;height:40px;font-size:30px;font-weight:700}.score{touch-action:none;box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:manipulation;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-auto-rows:1fr;width:100%;height:100%;font-family:Arial,sans-serif;font-size:2em;transition:opacity .1s;display:grid;position:fixed;inset:0}.panel{cursor:pointer;color:#fff;flex-direction:column;justify-content:center;align-items:center;transition:opacity .1s;display:flex}.panel-0,.panel-1{cursor:pointer;flex:1;justify-content:center;align-items:center;display:flex}.panel-0{color:#fff;background-color:#ff3c00}.panel-1{color:#fff;background-color:#0084ff}.panel-2{color:#fff;background-color:#00ff62}.panel-3{color:#fff;background-color:#ffd000}.p{margin-top:8px;font-size:.5em}.layout-3,.layout-4{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid}.layout-9{grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;display:grid}.App,.score,.panel,.panel h1,.controls,.controls button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}