@media screen and (min-width:1024px)and (max-width:1440px){html{font-size:18px}}@media screen and (min-width:768px)and (max-width:1024px){html{font-size:16px}#stats{font-size:.6em}}@media screen and (max-width:768px){html{font-size:14px}#stats{font-size:.4em}}@media screen and (min-resolution:280dpi){html{font-size:16px}.loading-screen{font-size:.6em}#stats{font-size:.4em}.dialog{font-size:.6em}.dialog button{font-size:.8em}#hint{font-size:1em!important}}body{color:#c8c8c8;height:100%}button{min-height:2em;border:.1em solid white;font-family:system-ui;color:#c8c8c8;background:transparent;padding:0 .5em;font-size:1rem}button:hover{background:#ffffff1a;cursor:pointer}button:active{background:#fff3}button:disabled{filter:brightness(50%);pointer-events:none}select{user-select:none;padding:.2em;background:transparent;color:#297fff;outline:none;border:none;appearance:none;font-size:1em;font-family:system-ui}input[type=text]{text-align:right;border:none;border-radius:0;border-bottom:.1em solid #c8c8c8;color:#c8c8c8;background:transparent;outline:none;appearance:none;font-size:1em;font-family:system-ui}input[type=text]:disabled{border-color:#8a8a8a;color:#8a8a8a}input[type=checkbox]{margin:0;display:flex;justify-content:center;align-items:center;width:2.8em;height:1.4em;border:.1em solid #c8c8c8;border-radius:0;background:transparent;outline:none;appearance:none;color:red}input[type=checkbox]:before{content:"";transform:translate(-70%);background:#c8c8c8;width:1em;height:1em;transition:transform .1s,background-color .1s ease}input[type=checkbox]:disabled{border-color:#8a8a8a}input[type=checkbox]:disabled:before{background:#8a8a8a!important}input[type=checkbox]:checked:before{transform:translate(70%);background:#297fff}input:focus{border-color:#297fff}input[invalid=true]{border-color:#ff2929}.fill{position:absolute;inset:0}.flex-centered{display:flex;justify-content:center;align-items:center}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}.flex-centered span{font-size:2em;pointer-events:none;user-select:none}.loading-screen{background:#000;z-index:1000;pointer-events:none}.popup{display:none;position:absolute;border:.1em solid rgba(255,255,255,.5)}.popup.popup-shown{display:block}.dialog-container{display:none;align-items:center;pointer-events:none}.dialog-container.dialog-modal{pointer-events:initial;background:#00000080}.dialog-container.dialog-shown,.dialog-container.dialog-fading{display:flex}.dialog{pointer-events:initial;padding:1em;margin:1em;min-width:20vw;max-width:80vw;max-height:80vh;overflow:auto;z-index:10000;background:#111;border:.1em solid rgba(255,255,255,.5)}.dialog-shown .dialog{animation:225ms;animation-name:dialog-show-center;animation-timing-function:ease-out}.dialog-fading .dialog{animation:195ms reverse;animation-timing-function:ease-in}.dialog .dialog-caption{display:flex;justify-content:center;align-items:center;padding-bottom:.5em;margin-bottom:.2em;font-size:2em;border-bottom:.1em solid #2c2c2c;user-select:none}.dialog .dialog-actions{display:flex;justify-content:flex-end;align-items:center;padding-top:.5em;margin-top:.2em;border-top:.1em solid #2c2c2c}.dialog .dialog-actions>*:not(:first-child){margin-left:.5em}.dialog button.dialog-close{border:.1em solid rgba(255,255,255,.5)}.rotating{animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:rotating}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.icon-btn{box-sizing:border-box;border:none;padding:.6em;margin:0}.icon-btn>*{height:2em;width:2em}.align-corner-end{position:absolute;right:.6em;bottom:.6em}.action-panel{margin:0;background:#ffffff1a;pointer-events:initial}.action-panel .icon-btn{padding:.8em}.action-panel-container{overflow:hidden;bottom:4.2em;pointer-events:none}.action-panel-container .popup{display:block;border:none;transform:translateY(100%);opacity:0;transition:transform .3s,opacity 0ms .3s}.action-panel-container .popup.popup-shown{opacity:1;transform:translateY(0);transition:transform .3s 50ms,opacity 0ms}.control-block .popup-trigger-opened{background:#ffffff1a}#stats{position:absolute;bottom:.4em;left:.4em;color:#fff;pointer-events:none;font-family:monospace}#hint{position:absolute;bottom:1em;left:50%;transform:translate(-50%);font-size:2em;color:#fff9;text-shadow:0 0 .2em black;pointer-events:none}.fading-out{animation-duration:1s;animation-delay:2s;animation-fill-mode:forwards;animation-name:fading-out}@keyframes fading-out{0%{opacity:100%}to{opacity:0}}.record-icon{box-sizing:border-box;border:.2em solid #5e0000;background:#8b0000;border-radius:50%}button:disabled .record-icon{border:.2em solid #653939;background:#7d4848}.record-icon.active{--color: 139, 0, 0;animation-duration:1s;animation-iteration-count:infinite;animation-name:pulsation}.record-button{border:.1em solid #830000}.record-button:hover{background:#5e000066}.record-button:active{background:#5e000099}.control-block{pointer-events:none}.control-block>*{pointer-events:initial}.control-block>.icon-btn{padding:.8em}.record-container{overflow:hidden;margin:0;pointer-events:none}.record-panel{box-sizing:border-box;background:#1f1f1f80;border:.2em solid rgba(68,67,67,.5);margin-right:.4em;opacity:0;transform:translate(100%);transition:transform .3s,opacity .3s}.record-container.shown .record-panel{transform:translate(0);opacity:1;transition:transform .3s 50ms,opacity .3s 50ms;pointer-events:initial}.record-panel>*{margin-left:.4em}.settings-base{font-size:1em;font-family:system-ui}.record-settings{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:repeat(9,2em);align-items:center;justify-content:space-between;gap:0 1em}.record-settings>div,.record-settings>select{padding:.2em}.record-settings>*:nth-child(2n){justify-self:end;text-align:right}.record-settings .warning{background:#5e0000}.settings-dialog .dialog{box-sizing:border-box;max-height:calc(100vh - 2em)}.settings-block{display:grid;grid-template-columns:2fr 1fr;align-items:center;justify-content:space-between;gap:0 1em;justify-items:start}.settings-block .settings-caption{position:relative;min-width:0;cursor:help;pointer-events:auto}.settings-block .settings-caption:focus-visible{outline:.1em solid rgba(255,255,255,.5);outline-offset:.2em}.settings-block .settings-input{justify-self:end;text-align:right}.settings-block input[type=color].settings-input{box-sizing:border-box;width:3.5em;height:1.7em;padding:.1em;cursor:pointer}.settings-block .settings-caption[data-tooltip]:after{content:"i";pointer-events:none;display:inline-block;text-align:center;vertical-align:super;margin-left:1em;width:.8rem;height:.8rem;line-height:.8rem;border-radius:50%;font-size:.6em;font-weight:700;color:#111;background:#efefef}.settings-tooltip{position:fixed;box-sizing:border-box;z-index:20000;width:max-content;max-width:min(38rem,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow:auto;white-space:pre-line;overflow-wrap:anywhere;line-height:1.35;background:#1f1f1f;border:.1em solid #2c2c2c;padding:.6em .8em;box-shadow:0 .4em 1.2em #00000073;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .1s 0ms}.settings-tooltip.settings-tooltip-visible{opacity:1;transition:opacity .2s .2s}@keyframes pulsation{0%{transform:scale(.95);box-shadow:0 0 rgba(var(--color),.9)}70%{transform:scale(1);box-shadow:0 0 0 .6em rgba(var(--color),0)}to{transform:scale(.95);box-shadow:0 0 rgba(var(--color),0)}}@keyframes dialog-show-center{0%{opacity:0;transform:scale(1)}5%{transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes dialog-show-left{0%{opacity:0;transform:translate(0)}5%{transform:translate(-50%)}to{opacity:1;transform:translate(0)}}@keyframes dialog-show-right{0%{opacity:0;transform:translate(0)}5%{transform:translate(50%)}to{opacity:1;transform:translate(0)}}