:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sky:#8ec5f2;--panel:#0000008c;--text:#fff;--shadow:#3a3a3a;--danger:#d8463b;--good:#f2c230}*{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}.dr{pointer-events:none;z-index:10;text-shadow:2px 2px 0 var(--shadow);font-weight:700;position:absolute;inset:0}.dr__top{background:var(--panel);align-items:center;gap:18px;padding:8px 16px;display:none;position:absolute;top:38px;left:50%;transform:translate(-50%)}.dr--playing .dr__top{display:flex}.dr__alive{letter-spacing:2px;white-space:nowrap;font-size:16px}.dr__clock{letter-spacing:2px;font-variant-numeric:tabular-nums;text-align:right;min-width:70px;font-size:26px}.dr__decay{background:var(--danger);letter-spacing:2px;padding:4px 12px;font-size:13px;animation:.8s steps(2,end) infinite dr-blink;position:absolute;top:92px;left:50%;transform:translate(-50%)}@keyframes dr-blink{50%{opacity:.45}}.dr__players{flex-direction:column;gap:2px;min-width:150px;list-style:none;display:none;position:absolute;top:38px;right:12px}.dr--playing .dr__players{display:flex}.dr__player{background:var(--panel);align-items:center;gap:8px;padding:3px 8px;font-size:13px;display:flex}.dr__player--mine{outline-offset:-2px;outline:2px solid #ffffffb3}.dr__player--out{opacity:.5}.dr__player--out .dr__player-name{text-decoration:line-through}.dr__player--offline .dr__player-name{font-style:italic}.dr__player-dot{width:12px;height:12px;box-shadow:2px 2px 0 var(--shadow);flex:none}.dr__player-name{text-overflow:ellipsis;white-space:nowrap;flex:1;max-width:120px;overflow:hidden}.dr__player-time{font-variant-numeric:tabular-nums;font-size:12px}.dr__feed{flex-direction:column;gap:4px;display:flex;position:absolute;top:64px;left:12px}.dr__feed-item{background:var(--panel);padding:4px 10px;font-size:14px;transition:opacity .4s}.dr__feed-item span{opacity:.75;font-size:12px}.dr__feed-item.is-gone{opacity:0}.dr__banner{text-align:center;background:var(--panel);max-width:92vw;padding:12px 26px;position:absolute;top:30%;left:50%;transform:translate(-50%)}.dr__banner-title{letter-spacing:2px;text-transform:uppercase;font-size:34px}.dr__banner--bad .dr__banner-title{color:#ff8a6b}.dr__banner--good .dr__banner-title{color:var(--good)}.dr__banner-sub{margin-top:4px;font-size:15px}.dr-controls{pointer-events:auto;display:none;position:absolute;bottom:26px;right:22px}@media (pointer:coarse){.dr--playing:not(.dr--spectating) .dr-controls{display:block}}.dr-controls__jump{width:96px;height:96px;color:var(--text);font:inherit;letter-spacing:1px;text-shadow:2px 2px 0 var(--shadow);touch-action:none;background:#00000059;border:3px solid #fffc;font-size:15px}.dr-controls__jump:active{background:#ffffff4d}.dr-stick{background:#0000002e;border:3px solid #ffffff8c;width:104px;height:104px;position:absolute;top:-52px;left:-52px}.dr-stick__knob{background:#ffffffb3;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)}}.dr__overlay{pointer-events:auto;z-index:30;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.dr__overlay[hidden]{display:none}.dr__card{text-align:center;background:#000000b8;border:3px solid #ffffff40;width:min(420px,100%);padding:22px 24px}.dr__card-title{letter-spacing:2px;margin-bottom:10px;font-size:30px}.dr__card-body{font-size:15px;font-weight:400;line-height:1.45}.dr__card-btn{background:var(--danger);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}.dr__results{text-align:left;flex-direction:column;gap:4px;list-style:none;display:flex}.dr__result{background:#ffffff12;align-items:center;gap:10px;padding:5px 10px;font-weight:700;display:flex}.dr__result--mine{outline:2px solid var(--good);outline-offset:-2px}.dr__result-pos{width:18px}.dr__result-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.dr__result-value{font-variant-numeric:tabular-nums}@media (width<=640px){.dr__top{gap:10px;padding:6px 10px}.dr__alive{letter-spacing:1px;font-size:12px}.dr__clock{min-width:52px;font-size:20px}.countdown{font-size:108px}.dr__banner-title{font-size:24px}.dr__players{min-width:0}.dr__player-name{max-width:70px}.dr__feed{top:84px}.dr__decay{font-size:11px;top:84px}}
