:root{--bounce-transition-timing-function: cubic-bezier(.6, 0, 0, 1.25);--sans-serif: "Ubuntu", sans-serif;--chip-size: 52px;--chip-margin: 6px;--chip-size-compact: 10.25vw;--chip-margin-compact: 1.25vw;--page-spacing-top: 40px;--page-spacing-x: 20px;--dashboard-text-size: 14px;--dashboard-text-size-hybrid: 16px}:root{--app-background-color: hsl(0, 0%, 100%);--app-text-color: hsl(0, 0%, 0%);--app-link-color: hsl(220, 60%, 50%);--update-notification-color: hsl(207, 60%, 50%);--empty-chip-slot-border-color: hsl(0, 0%, 80%);--button-background-color: hsl(100, 100%, 30%);--button-color: hsl(0, 0%, 100%);--button-background-color-active: hsl(100, 69%, 43%);--button-disabled-background-color: hsl(0, 0%, 67%);--button-warn-background-color: hsl(28, 100%, 43%);--button-warn-background-color-active: hsl(28, 90%, 53%);--input-focus-border-color: hsl(220, 60%, 50%);--input-focus-box-shadow-color: hsl(210, 80%, 70%);--player-color-black: hsl(0, 0%, 27%);--player-color-blue: hsl(220, 60%, 50%);--player-color-red: hsl(0, 60%, 50%)}@media (prefers-color-scheme: dark){:root{--app-background-color: hsl(0, 0%, 7%);--app-text-color: hsl(0, 0%, 100%);--app-link-color: hsl(220, 100%, 65%);--empty-chip-slot-border-color: hsl(0, 0%, 20%);--player-color-black: hsl(0, 0%, 40%);--player-color-blue: hsl(220, 82%, 37%);--player-color-red: hsl(0, 69%, 43%)}}.red{--player-color: var(--player-color-red)}.blue{--player-color: var(--player-color-blue)}.black{--player-color: var(--player-color-black)}body{min-width:var(--page-min-width-compact);margin:0;padding:1px 0 0;background-color:var(--app-background-color);font-family:var(--sans-serif);text-align:center;color:var(--app-text-color);overflow-y:scroll}main{display:block}#game{display:flex;justify-content:space-between;align-items:flex-start;max-width:700px;margin:0 auto;margin-top:var(--page-spacing-top);padding:0 var(--page-spacing-x);font-size:0}@media (max-width: 700px){#game{display:inline-block;margin-top:0;padding:0;text-align:center}}a{color:var(--app-link-color);text-decoration:none}h1{margin-top:calc(var(--chip-size) + var(--chip-margin) * 2);margin-bottom:20px;font-weight:400;font-size:32px}@media (max-width: 700px){h1{margin-top:var(--page-spacing-top)}}.nav-link{position:absolute;top:8px;font-size:14px;--position-x: 10px}.nav-link-left{left:var(--position-x)}.nav-link-right{right:var(--position-x)}#game-dashboard{width:230px;min-height:60px;margin-bottom:10px}#game-dashboard label,#game-dashboard button{display:inline-block;margin:0 6px;font-size:var(--dashboard-text-size)}@media (max-width: 700px){#game-dashboard label,#game-dashboard button{font-size:var(--dashboard-text-size-hybrid)}}@media (max-width: 700px){#game-dashboard{width:auto;margin-left:auto;margin-right:auto}}#game-message{font-size:var(--dashboard-text-size);margin:0;padding-bottom:10px;line-height:1.5}@media (max-width: 700px){#game-message{font-size:var(--dashboard-text-size-hybrid)}}.prompting-for-input #game-message{padding-bottom:0}.prompting-for-input #game-message label{padding-bottom:10px}#dashboard-controls button{border:solid 1px hsla(0,0%,0%,.25);border-radius:3px;padding:4px 6px;background-color:var(--button-background-color);font-family:var(--sans-serif);color:var(--button-color)}#dashboard-controls button:not([disabled]):hover:active,#dashboard-controls button:not([disabled]):focus:active{--button-background-color: var(--button-background-color-active)}#dashboard-controls button:focus{outline-width:0}#dashboard-controls button.warn{--button-background-color: var(--button-warn-background-color)}#dashboard-controls button.warn:not([disabled]):hover:active,#dashboard-controls button.warn:not([disabled]):focus:active{--button-background-color: var(--button-warn-background-color-active)}#dashboard-controls button:disabled{--button-background-color: var(--button-disabled-background-color)}#dashboard-controls a{font-size:14px}#dashboard-controls .go-back{margin-left:5px}input[type=text]{appearance:none;border-radius:3px;padding:4px 8px;border:solid 1px #aaa;box-sizing:border-box;font-size:16px;text-align:center}input[type=text]:focus{outline-width:0;border-color:var(--input-focus-border-color);box-shadow:0 0 5px 2px var(--input-focus-box-shadow-color)}#new-player-name{display:block;width:150px;margin:0 auto 10px}#share-controls{display:flex;justify-content:center;align-items:stretch;position:relative;margin-bottom:10px}#share-link{width:150px;font-size:12px}#copy-share-link:last-of-type{margin-right:0;transition:background-color 1s ease-in-out}#copy-share-link:last-of-type:hover:active{transition-duration:0ms}#grid{position:relative;padding-top:calc(var(--chip-size) + var(--chip-margin) * 2);cursor:default;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@media (max-width: 500px){#grid{padding-top:calc(var(--chip-size-compact) + var(--chip-margin-compact) * 2)}}#grid-columns{display:flex}.grid-column{display:inline-flex;flex-direction:column-reverse;width:calc(var(--chip-size) + var(--chip-margin) * 2)}@media (max-width: 500px){.grid-column{width:calc(var(--chip-size-compact) + var(--chip-margin-compact) * 2)}}.chip-inner,.empty-chip-slot-inner{display:block;width:var(--chip-size);height:var(--chip-size);margin:var(--chip-margin);border-style:solid;border-width:2px;border-radius:50%;box-sizing:border-box}@media (max-width: 500px){.chip-inner,.empty-chip-slot-inner{width:var(--chip-size-compact);height:var(--chip-size-compact);margin:var(--chip-margin-compact)}}.empty-chip-slot-inner{border-color:var(--empty-chip-slot-border-color)}@keyframes fade-in-chip{0%{opacity:0}to{opacity:1}}@keyframes pulse-chip{50%{opacity:.75}}.chip{--chip-background-color: var(--player-color);--chip-border-color: hsla(0, 0%, 0%, .25)}.chip .chip-inner{border-color:var(--chip-border-color);background-color:var(--chip-background-color)}.chip.pending{position:absolute;top:0;left:0;z-index:20;animation:fade-in-chip .1s ease-in-out forwards}.chip.pending .chip-inner-real{animation:pulse-chip 1s ease-in-out infinite forwards}.chip.pending .chip-inner-clone{opacity:0;position:absolute;top:0;left:0;z-index:30;transition:opacity .5s ease-in-out}.chip.pending.transition-x{transition:transform .2s var(--bounce-transition-timing-function)}.chip.pending.transition-y{animation:none;transition:transform .5s var(--bounce-transition-timing-function)}.chip.pending.transition-y .chip-inner-clone{opacity:1}@keyframes fade-out-chip{to{opacity:.3}}#game:not(.in-progress) .chip:not(.winning){animation:fade-out-chip .3s ease-in-out forwards}:root{--player-reaction-offset: -15px;--player-reaction-transition-duration: .3s}#player-area{position:relative}#player-area-players{display:flex;justify-content:space-between;align-items:center;margin-top:var(--chip-margin);text-align:center}.player{position:relative}.player:nth-child(1){margin-left:var(--chip-margin);text-align:left}.player:nth-child(1) .player-reaction{left:var(--player-reaction-offset)}.player:nth-child(2){margin-right:var(--chip-margin);text-align:right}.player:nth-child(2) .player-reaction{right:var(--player-reaction-offset)}.player{color:var(--player-color)}.player-name,.player-score{opacity:1;transition:opacity var(--player-reaction-transition-duration) ease-in-out}.player.is-reacting .player-name,.player.is-reacting .player-score{opacity:0}.player-name{font-size:16px;border-bottom:solid 2px transparent;transition-property:border-color,opacity;transition-duration:.15s,var(--player-reaction-transition-duration);transition-timing-function:ease-in-out}.current-player .player-name{border-bottom-color:currentColor}.player-score{font-size:32px}.player-reaction{position:absolute;z-index:10;top:var(--player-reaction-offset);-webkit-user-select:none;user-select:none}.player-reaction-symbol{font-size:64px;transform:scale(0);transition:all var(--player-reaction-transition-duration) cubic-bezier(.6,0,0,1);transition-property:transform,text-shadow}.player-reaction-symbol.show{transform:scale(1);transition-timing-function:var(--bounce-transition-timing-function);text-shadow:0 1px 10px hsla(0,0%,0%,.25)}#reaction-picker{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;position:relative;z-index:5;width:220px;margin:0 auto;-webkit-user-select:none;user-select:none}.available-reaction{flex-basis:25%;padding-bottom:10px}.available-reaction-symbol{display:inline-block;font-size:36px;line-height:1;cursor:default;transition-property:transform,filter;transition-duration:.15s,.25s;transition-timing-function:ease-in-out}.available-reaction-symbol:hover{transform:scale(1.15)}.available-reaction-symbol:hover:active{filter:brightness(.75);transition-duration:.15s,0ms}.update-notification{opacity:0;position:absolute;top:0;left:0;z-index:1000;width:100%;padding:10px 15px;box-sizing:border-box;background-color:var(--update-notification-color);transform:translateY(-100%);transition:transform .4s ease-in-out;text-align:center;color:var(--button-color);cursor:pointer}.update-notification.update-available{opacity:1;transform:translateY(0)}.update-notification-message{font-size:1rem;font-weight:400}@font-face{font-family:Ubuntu;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ubuntu-cyrillic-ext-400-normal-B-Nhg57H.woff2) format("woff2"),url(/assets/ubuntu-cyrillic-ext-400-normal-BQUrPAlD.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Ubuntu;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ubuntu-cyrillic-400-normal-D9OZd8lm.woff2) format("woff2"),url(/assets/ubuntu-cyrillic-400-normal-CD6XmiVF.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Ubuntu;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ubuntu-greek-ext-400-normal-CeBDcuzJ.woff2) format("woff2"),url(/assets/ubuntu-greek-ext-400-normal-VZgpvyyF.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Ubuntu;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ubuntu-greek-400-normal-GaJa0t-K.woff2) format("woff2"),url(/assets/ubuntu-greek-400-normal-UX4bU-Ff.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Ubuntu;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ubuntu-latin-ext-400-normal-Bb6UNjxu.woff2) format("woff2"),url(/assets/ubuntu-latin-ext-400-normal-kv0aZEtN.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Ubuntu;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ubuntu-latin-400-normal-CQJ26Fy6.woff2) format("woff2"),url(/assets/ubuntu-latin-400-normal-ChuJk2Dr.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
