:root{--width:1100px}body,html{font-family:sans-serif}*{box-sizing:border-box}button{border:none;background:0 0;padding:0;margin:0;cursor:pointer}.container{max-width:var(--width);margin:0 auto}.container-grid{max-width:calc(var(--width) * .6);margin:0 0}.stats{--stats_width_calc:calc(var(--width) * 0.4);width:calc(var(--stats_width_calc) * .9);margin-left:calc(var(--width) * .6 + var(--stats_width_calc) * .1);margin-top:calc(var(--width) * .18);position:absolute}.disc{width:30px;height:30px;border-radius:100%;z-index:-1}.disc-yellow{background-color:#f6db38;box-shadow:inset 0 0 0 2px #c0a91e;border:solid 3px #f6db30;outline:solid 1px #c8a91e}.disc-red{background-color:#f63030;box-shadow:inset 0 0 0 3px #c01e1e;border:solid 3px #f63838;outline:solid 1px #c01e1e}.grid{position:relative;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);aspect-ratio:var(--cols)/var(--rows);background:radial-gradient(circle,transparent,transparent 50%,#336dac 51%,#336dac 60.01%,#2a5782 80%);background-size:calc(100% / var(--cols)) calc(100% / var(--rows));border:10px solid #2a5782;place-items:center;place-content:center;margin-top:calc(100% / var(--rows))}.grid .disc{width:92%;aspect-ratio:1/1;height:auto}.grid .disc-red,.grid .disc-yellow{animation:Drop calc(.2s * var(--row)) both}.grid .disc-winner{border:calc(var(--width) * .0127) solid #231f1f}@keyframes Drop{from{transform:translateY(calc(-125% * var(--row)))}}.columns{position:absolute;inset:0;display:flex;align-items:flex-end}.column{display:flex;justify-content:center;align-items:flex-start;width:100%;height:calc(100% + 100% / var(--rows))}.column .disc{opacity:0;transition:.3s;transform:translateY(-20px)}.column:hover .disc{opacity:1;transform:translateY(-7px)}.column-disabled{cursor:no-drop}.restart{display:none;background-color:#00008b;padding:.3rem .3rem;border-radius:8px;line-height:1;opacity:.4;position:absolute}.restartButton{color:#fff;font:inherit}.stats-title{text-decoration:underline;font-weight:700}.stats-details{padding:10px;display:flex;place-items:center;font-size:calc(var(--width) * .025)}.stats-disc{--size:0.07;width:calc(var(--width) * var(--size));height:calc(var(--width) * var(--size))}.stats-victory{padding-left:10px;top:200px;font-weight:700}@media (max-device-width:767px){:root{--width:100vw}.container-grid{max-width:calc(var(--width) * 1);margin:0 0}.stats{--stats_width_calc:calc(var(--width) * 0.65 / 2);width:var(--stats_width_calc);top:50vh;margin-left:calc((var(--width) - var(--stats_width_calc))/ 2);position:absolute;transform:scale(2)}.restart{transform:scale(8)}}@media (max-device-height:700px){.stats{top:60vh}}