:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sky:#8fcaf0;--panel:#0c0c0e9e;--text:#fff;--shadow:#2a2a2a;--red:#e8232d;--green:#1fa86a;--teal:#1f8a7a;--pink:#e0457b}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--sky);width:100%;height:100%;color:var(--text);-webkit-user-select:none;user-select:none;font-family:Trebuchet MS,Segoe UI,sans-serif;overflow:hidden}#app{width:100vw;height:100vh;position:relative}.game-canvas{touch-action:none;display:block;position:absolute;inset:0}.lr{pointer-events:none;z-index:10;text-shadow:2px 2px 0 var(--shadow);font-weight:700;position:absolute;inset:0}.lr__top{align-items:stretch;gap:8px;display:none;position:absolute;top:38px;left:50%;transform:translate(-50%)}.lr--playing .lr__top{display:flex}.lr__light{background:var(--panel);text-align:center;border-bottom:5px solid #ffffff40;min-width:250px;padding:8px 18px 7px;transition:background 80ms}.lr__light--green{border-bottom-color:var(--green);background:#14784cd9}.lr__light--red{border-bottom-color:var(--red);background:#961218d9}.lr__light--watch{animation:.5s steps(2,end) infinite lr-watch}@keyframes lr-watch{50%{background:#e8232df2}}.lr__light-text{letter-spacing:4px;font-size:28px}.lr__chant{letter-spacing:1px;justify-content:center;gap:5px;margin-top:2px;font-size:13px;display:flex}.lr__chant span{opacity:.3;transition:opacity 50ms}.lr__chant span.is-sung{opacity:1}.lr__side{background:var(--panel);flex-direction:column;justify-content:center;gap:4px;padding:6px 12px;display:flex}.lr__clock{letter-spacing:2px;color:#ff3b3b;text-shadow:0 0 8px #ff282899;font-variant-numeric:tabular-nums;font-family:Courier New,ui-monospace,monospace;font-size:30px}.lr__clock--urgent{animation:.6s steps(2,end) infinite lr-blink}@keyframes lr-blink{50%{opacity:.35}}.lr__count{letter-spacing:1px;white-space:nowrap;font-size:11px}.lr__track{width:8px;box-shadow:2px 2px 0 var(--shadow);background:#ffffff59;display:none;position:absolute;top:150px;bottom:60px;right:22px}.lr--playing .lr__track{display:block}.lr__track-goal{background:var(--red);letter-spacing:1px;padding:1px 5px;font-size:10px;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.lr__dot{color:#fff;box-shadow:2px 2px 0 var(--shadow);padding:1px 4px;font-size:10px;transition:bottom .15s linear;position:absolute;left:50%;transform:translate(-50%,50%)}.lr__dot--mine{z-index:2;outline:2px solid #fff}.lr__dot--out{opacity:.7;text-decoration:line-through;background:#555!important}.lr__dot--fin{outline:2px solid #f2c230}.lr__feed{flex-direction:column;gap:4px;display:flex;position:absolute;top:64px;left:12px}.lr__feed-item{background:var(--panel);padding:4px 10px;font-size:14px;transition:opacity .4s}.lr__feed-item.is-gone{opacity:0}.lr__feed-out{color:#ff6b6b}.lr__feed-fin{color:#7be0a8}.lr__banner{background:var(--panel);text-align:center;max-width:92vw;padding:12px 28px;position:absolute;top:34%;left:50%;transform:translate(-50%)}.lr__banner-title{letter-spacing:3px;text-transform:uppercase;font-size:38px}.lr__banner--bad .lr__banner-title{color:#ff5a5a}.lr__banner--good .lr__banner-title{color:#7be0a8}.lr__banner-sub{margin-top:4px;font-size:15px}.lr-stick{background:#0000002e;border:3px solid #fff9;width:104px;height:104px;position:absolute;top:-52px;left:-52px}.lr-stick__knob{background:#ffffffbf;width:34px;height:34px;position:absolute;top:32px;left:32px}.countdown{pointer-events:none;z-index:25;letter-spacing:6px;color:#fff;text-shadow:8px 8px 0 var(--shadow);opacity:0;justify-content:center;align-items:center;font-size:150px;font-weight:700;display:flex;position:absolute;inset:0}.countdown.is-shown{animation:.75s ease-out countdown-pop}@keyframes countdown-pop{0%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1.12)}40%{transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.lr__overlay{pointer-events:auto;z-index:30;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.lr__overlay[hidden]{display:none}.lr__card{border:3px solid var(--pink);text-align:center;background:#0a0a0ccc;width:min(430px,100%);padding:22px 24px}.lr__card-title{letter-spacing:2px;margin-bottom:10px;font-size:30px}.lr__card-body{font-size:15px;font-weight:400;line-height:1.45}.lr__card-btn{background:var(--pink);color:#fff;font:inherit;letter-spacing:1px;text-shadow:2px 2px 0 var(--shadow);cursor:pointer;border:3px solid #fff;margin-top:16px;padding:10px 20px;font-weight:700}.lr__results{text-align:left;flex-direction:column;gap:4px;list-style:none;display:flex}.lr__result{background:#ffffff12;align-items:center;gap:10px;padding:5px 10px;font-weight:700;display:flex}.lr__result--mine{outline-offset:-2px;outline:2px solid #f2c230}.lr__result--out .lr__result-name{opacity:.6;text-decoration:line-through}.lr__result-pos{width:18px}.lr__result-num{padding:1px 5px;font-size:12px}.lr__result-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lr__result-value{font-variant-numeric:tabular-nums}@media (width<=640px){.lr__light{min-width:0;padding:6px 10px}.lr__light-text{letter-spacing:2px;font-size:20px}.lr__chant{gap:3px;font-size:10px}.lr__clock{font-size:22px}.lr__count{font-size:9px}.lr__track{top:170px;right:14px}.lr__feed{top:130px}.lr__banner-title{font-size:26px}.countdown{font-size:108px}}
