@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";@keyframes bg-move{0%{background-position:0 0}to{background-position:100% 100%}}body{font-family:Space Mono,monospace;color:#fff;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;--bg: #111;--fg: #fff;--subtle-fg: #888;--border: #444;--transparent-border: #4444;--accent: #cc00ff;--success: #0c0;--danger: #c00;--warning: #ca0;--info: #0cc;background-color:var(--bg);background-image:linear-gradient(to right,var(--transparent-border) 1px,transparent 1px),linear-gradient(0deg,var(--transparent-border) 1px,transparent 1px);background-size:5rem 5rem;animation:bg-move 300s linear infinite;color-scheme:dark;font-size:clamp(1rem,2.5vw,1.2rem)}#info{font-weight:700;position:fixed;font-size:1.2em;right:.5em;bottom:.5em;display:flex;align-items:stretch;justify-content:center;flex-direction:column}#info>*{font-weight:700;border:1px solid var(--border);padding:.5em 1em;border-radius:.5em;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--fg)}#info>*:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0}#info>*:last-child{border-top-left-radius:0;border-top-right-radius:0;border-top:none}#info>*:not(:last-child):not(:first-child){border-top:none;border-radius:0}@property --alpha{syntax: "<number>"; inherits: false; initial-value: 0;}#reset-button,#reset-yes{--alpha: 0;transition:background-color .3s,--alpha .3s,border-color .3s;cursor:pointer;background-color:rgb(from var(--danger) r g b / var(--alpha));border-color:color-mix(in lab,var(--danger) calc(100% * var(--alpha)),var(--border) 100%)}#reset-yes{--alpha: .2}#reset-yes:hover{--alpha: .5}#reset-yes:active{--alpha: .8}#reset-button:hover{--alpha: .2}#reset-button:active{--alpha: .5}#click-count{font-size:2em;font-weight:700;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ticker{overflow:hidden;white-space:nowrap;width:1ch;height:1.5em;line-height:1.5em;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:var(--border) 2px solid;outline:var(--transparent-border) 3px solid;padding:0 .25em;border-radius:.25em;margin:.5em .2em}@media (max-width: 610px){.ticker{margin-left:.025em;margin-right:.025em;padding-left:.125em;padding-right:.125em}.comma{display:none}}.ticker-track{top:0;left:0;display:flex;flex-direction:column;transition:transform .3s}#click-button{font-size:1.5em;font-weight:700;padding:.5em 1em;border-radius:.5em;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:transparent;border:1px solid var(--border);color:var(--fg);cursor:pointer;transition:background-color .3s;width:calc(100% - 10px);position:relative;overflow:hidden;outline:#4444 2px solid;margin:.5em 5px;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:focus-visible{outline:var(--accent) 2px solid!important}#click-button:disabled{cursor:not-allowed;background-color:var(--transparent-border)}@keyframes ripple{to{transform:scale(20);opacity:0}}#click-button .click-ripple{position:absolute;background:radial-gradient(#fff8,transparent);border-radius:50%;width:1em;height:1em;top:calc(var(--y) - .5em);left:calc(var(--x) - .5em);transform:scale(0);opacity:.5;animation:ripple .5s linear;pointer-events:none;filter:blur(1px)}.comma{color:var(--subtle-fg);font-size:1.2em}#click-button:hover{background-color:var(--transparent-border)}#reset-dialog{border-radius:.5em;padding:1em;background-color:var(--bg);border-color:var(--transparent-border);width:fit-content}#reset-dialog p{font-size:1.2em}#reset-dialog h2{margin:0;font-size:1.5em}::backdrop{background-color:#0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}button{cursor:pointer;transition:background-color .3s;background-color:transparent;border:1px solid var(--border);color:var(--fg);padding:.5em 1em;border-radius:.5em;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}button:hover{background-color:var(--transparent-border)}input{background-color:transparent;color:var(--fg);border:1px solid var(--border);padding:.5em;border-radius:.5em;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#mp-cursors{position:fixed;inset:0;pointer-events:none;z-index:9999}.cursor{position:absolute;width:1em;height:1em;pointer-events:none}#status{position:fixed;top:.5em;left:0;right:0;display:flex;justify-content:center;gap:1em;z-index:9999}:where(#status div){font-weight:700;display:none;text-shadow:0 0 10px currentColor}.loading #connecting{display:block;color:var(--warning)}.connected #connected{display:block;color:var(--success)}#disconnected{display:block;color:var(--danger)}:is(.loading,.connected) #disconnected{display:none}.button-group{display:flex;gap:0;margin-top:1em}.button-group>*{flex:1}.button-group>*:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.button-group>*:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right-style:none}.button-group>*:not(:first-child):not(:last-child){border-radius:0;border-right-style:none}[hidden]{display:none!important}#shop{position:fixed;inset:0;margin:3em;padding:1em;z-index:9999;background:#222;border-radius:1em;display:flex;flex-direction:column;border:1px solid var(--transparent-border);box-shadow:0 0 10px var(--transparent-border)}@media (max-width: 600px){#shop{margin:.5em}}#shop h2{font-size:1.5em;margin:0}#shop-bg{position:fixed;inset:0;background:#00000080;z-index:9998}.spacer{flex:auto}#chat{position:fixed;top:0;right:0;padding:0 .75em .75em;width:fit-content;z-index:99995;background:var(--bg);border-radius:0 0 0 1em;border:1px solid var(--border);border-right:none;border-top:none}#shop-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(12em,1fr));gap:1em;overflow-y:auto;flex:auto}#shop-close{margin-top:.5em}.shop-item{display:flex;flex-direction:column;gap:.5em;padding:.5em;border:1px solid var(--border);border-radius:.5em;background:linear-gradient(-45deg,var(--transparent-border) 25%,transparent 25%,transparent 50%,var(--transparent-border) 50%,var(--transparent-border) 75%,transparent 75%,transparent);background-size:1em 1em;background-repeat:repeat;box-shadow:0 0 10px var(--transparent-border);animation:bg-move 100s linear infinite}.shop-item .spacer{margin-top:-.5em}.shop-item .shop-item-title{font-size:1.2em;font-weight:700}.shop-item button{width:100%}svg.icon{width:1em;height:1em;vertical-align:-.15em;fill:currentColor}svg.icon path{fill:currentColor}#toast-container{position:fixed;display:flex;flex-direction:column;justify-content:flex-end;z-index:99999;pointer-events:none;left:0;bottom:0;padding:20px;width:20rem;box-sizing:border-box;gap:10px}.toast{position:relative;margin:0;padding:10px;border-radius:5px;box-shadow:0 0 10px var(--transparent-border);background-color:var(--bg);color:var(--fg);font-size:1rem;pointer-events:auto}.toast-title{font-size:1.2em;margin-bottom:5px;display:block;margin-right:1.6rem;clear:both;font-weight:500}.toast p{margin:0;display:block;font-size:1em;font-weight:400}.toast-close{cursor:pointer;font-size:1.6rem;color:var(--fg);background-color:transparent;position:absolute;top:5px;right:5px;padding:0;border:none}.toast-icon{margin-right:10px;font-size:1.5rem;transform:translateY(-5px);float:left}.toast .toast-icon{color:var(--fg)}.toast.success .toast-icon{color:var(--success)}.toast.danger .toast-icon{color:var(--danger)}.toast.warning .toast-icon{color:var(--warning)}.toast.info .toast-icon{color:var(--info)}@media (forced-colors: active){.toast{border:2px solid ButtonBorder}.toast-close{border:none}.toast-icon{color:Highlight}}
/*# sourceMappingURL=client.css.map */