:root{--cell: clamp(38px, 12vw, 50px);--gap: 2px;--step: calc(var(--cell) + var(--gap));--board-size: calc(7 * var(--step) - var(--gap));--ink: #383233;--paper: #f0f0f0;--panel: whitesmoke;--cell-bg: #383233;--accent: #f04b56;--line: gainsboro;--drop-ms: .24s;--clear-ms: .52s;--gravity-ms: .3s;--rise-ms: .62s;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--paper) url(data:image/gif;base64,R0lGODlhMgAyALMAAPX19e3t7fb29u7u7u/v7/T09PPz8/Hx8fDw8PLy8gAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ5MjFGQTgzREI0MzExRTE5OEE5Q0ZFMDdGOUM4QUIxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ5MjFGQTg0REI0MzExRTE5OEE5Q0ZFMDdGOUM4QUIxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDkyMUZBODFEQjQzMTFFMTk4QTlDRkUwN0Y5QzhBQjEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDkyMUZBODJEQjQzMTFFMTk4QTlDRkUwN0Y5QzhBQjEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAMgAyAAAE/xCdlCRBKJlZ6jZGdWHEVWVndRRZSE0HKm3TS7zrK1VJHaMTwuBFQRA6LoNxZ9QUEwMDa1gpdDS1DY4SxSAGGRJlhCoSDJcsE1HYYHwIJTtxO4GINOdhb4lzehSBciktEyBhEmAxL1cJVl9xBDVvgQNIbiEzGI6aQDcxWYASXmwHUYuBRaBjQCGLbKQ2RYiOPCqTGQIZMCFgXzAYHWE/FMKAdwOGWnkbwo0WybM7tVhjnGeitpsAuIt7TpyT3jFWE6MyGJl7V8ESNYA9SlgsLNgHG0NXJV6vJ3EUWqhoMNajwCtE3xo5uaDuhqsBN1j0OABgVyBN0aSY0iLMXZshUv/Q9eBXo4MJDdOsQHxygOGcDCz8xEFzjw5KGKhaWkwxEqBOFf8AgFACxsmbHzVHxtlkYsmoQ032hJAkRRWKjlhgiPr2ZpMHm20Y4gghh2kdhOZI5LCTKs9IKxsA6DMHRp4bW6h6pKllooPAEXvkKqE6xdQprdMAIVmIDSQfPoG4caoLz6AiVSmuJKWx64IVePB+LhH2LieCAF6GQtmFigkXWvW8QFmJtQ2iqpKyGbzHe5KvEXh45IAcyGASpQBdhGHZIvZnMd/MaBisuohAOpQWOURK8ceMEnsM/VD3KIoVFmRRovbp6DirURPL6I156YvBVB7KnukHsBh+0CKYsIj/chlIAspTuxnkmjD77RQdVJRgV1U6fBTSxxZVQDHQKoEEQAQ7tewxAoETyVMGfIEsomA6x11FmhvmfNWTOWT8o8J7HCT2TwYViZBKOSu0lNcA0WRlW5BphBFNUcWIyAkin1WQTA2eLReDADE1EZx18ZU2kSoG7YMLJbDREeOPRYTVFwYAVCSDBoC5cJ+Ng0EmJBTguWBOBzXllUUBlD2RyUThoZQYcDGBAdJMdckgCZm8PfrhgCjVocNFU4UQwBEGFEVabjhM0xxQ6eDZQUdtJBWeBCzcc18CAfgi6z2yfdKVK8BYGsQQk6TCmwohYJVGDeZB1IZis/TKY0xQKLtJvEsuBBKRKkK1YNON6Xg1XWhUojCVt1KtsMmJ4qalmQ98SJSqiEFeUZQpfSr1rByrlJoiSNzKwwgow/oDjiAnmLPBJ4ccoSBeLQlqkynDgJKJusGAQy8PUN0oAnzo4JKALrPIy45FfYxiiKMX0QFRgZWmUgoKR6z2QVUalxGSJMzKK6Vs2MmglXf+lKbzLjMk9fE+M/ERwDv6zpIM0HjRsdcT/qEEyJ3xeLBEW8qAco8cIDCkhVZQk/XYAREAADs=) repeat;color:var(--ink);font-family:Futura,Trebuchet MS,Arial,sans-serif}.app{width:min(100%,calc(var(--board-size) + 32px));margin:20px auto;padding:0 16px 32px}.app__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.app__title{margin:0;font-size:30px}.button{border:0;border-radius:3px;background:var(--accent);color:#f9f6f2;font:inherit;padding:10px 20px;cursor:pointer}.button:active{background:#bb434b}.button:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.hud{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:16px 0 10px;-webkit-user-select:none;user-select:none}.hud__score{font-size:32px;line-height:1}.hud__best{font-size:13px;opacity:.65}.hud__turns{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;max-width:190px}.hud__turn{width:8px;height:8px;border-radius:50%;background:var(--ink)}.hud__turn--spent{background:#d6cacc}.hud__level{text-align:right}.next{display:flex;align-items:center;justify-content:center;height:var(--cell);margin-bottom:6px}.next .disc__face{width:var(--cell)}.next--chain{font-size:22px;font-weight:700;color:var(--accent)}.app__field{position:relative}.board{position:relative;width:var(--board-size);height:var(--board-size);margin:0 auto;padding:0;border:1px solid var(--line);border-radius:6px;background:var(--panel);box-shadow:0 5px 10px #0003}.board__grid{display:grid;grid-template-columns:repeat(7,var(--cell));grid-auto-rows:var(--cell);gap:var(--gap)}.board__cell{background:var(--cell-bg)}.board__discs,.board__columns{position:absolute;top:0;right:0;bottom:0;left:0}.board__columns{display:grid;grid-template-columns:repeat(7,var(--cell));gap:var(--gap)}.board__column{border:0;padding:0;background:transparent;cursor:pointer}.board__column:disabled{cursor:default}.board__column:not(:disabled):hover{background:#ffffff24}.board__column:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.disc{position:absolute;top:0;left:0;width:var(--cell);height:var(--cell);transform:translate(calc(var(--col) * var(--step)),calc(var(--row) * var(--step)));transition:transform var(--gravity-ms) cubic-bezier(.33,0,.35,1.3);pointer-events:none}.disc__face{width:100%;height:100%;background-image:url(./drop7sprite-CeYnGDe9.png);background-size:calc(var(--cell) * 4.86);background-repeat:no-repeat}.disc__face--1{background-position:calc(var(--cell) * -.04) 0}.disc__face--2{background-position:calc(var(--cell) * -1.02) 0}.disc__face--3{background-position:calc(var(--cell) * -2.06) calc(var(--cell) * -.02)}.disc__face--4{background-position:calc(var(--cell) * -3.08) calc(var(--cell) * -.02)}.disc__face--5{background-position:calc(var(--cell) * -.02) calc(var(--cell) * -1.04)}.disc__face--6{background-position:calc(var(--cell) * -1.04) calc(var(--cell) * -1.04)}.disc__face--7{background-position:calc(var(--cell) * -2.06) calc(var(--cell) * -1.04)}.disc__face--cracked{background-position:calc(var(--cell) * -2.06) calc(var(--cell) * -2.04)}.disc__face--closed{background-position:calc(var(--cell) * -1.04) calc(var(--cell) * -2.04)}.disc__face[data-animation=drop]{animation:disc-drop var(--drop-ms) cubic-bezier(.33,0,.35,1.2)}.disc__face[data-animation=clear]{animation:disc-clear var(--clear-ms) ease-out forwards}.disc__face[data-animation=crack]{animation:disc-crack var(--clear-ms) ease-out}.disc__face[data-animation=rise]{animation:disc-rise var(--rise-ms) cubic-bezier(.33,0,.35,1.2)}@keyframes disc-drop{0%{transform:translateY(calc(var(--fall) * var(--step) * -1))}80%{transform:translateY(6px) scaleY(.88)}to{transform:translateY(0) scaleY(1)}}@keyframes disc-clear{0%{transform:scale(1);opacity:1}to{transform:scale(1.6);opacity:0}}@keyframes disc-crack{0%,to{transform:scale(1)}35%{transform:scale(1.14) rotate(-4deg)}70%{transform:scale(.96) rotate(3deg)}}@keyframes disc-rise{0%{transform:translateY(var(--step));opacity:0}to{transform:translateY(0);opacity:1}}.banner{position:absolute;left:50%;translate:-50% 0;top:30%;width:min(100%,var(--board-size));padding:14px 10px;text-align:center;border-radius:3px;box-shadow:0 3px 8px #00000073;z-index:5;animation:banner-in .22s ease-out}.banner p{margin:8px 0 12px}.banner--bonus{background:#fcca30;font-size:22px}.banner--over{background:var(--accent);color:#f5f5f5;font-size:20px}@keyframes banner-in{0%{opacity:0;scale:.94}to{opacity:1;scale:1}}.app__about,.app__footer{margin-top:24px;font-size:14px;line-height:1.5}.app__footer{opacity:.75}.app__about a,.app__footer a{color:inherit}@media(prefers-reduced-motion:reduce){.disc,.disc__face,.banner{transition:none!important;animation:none!important}}