:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;margin:0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{overflow:hidden;height:100%;margin:0;padding:0}#login{display:flex;justify-content:center;align-items:center;height:100vh}.user-list{display:flex;flex-flow:column;align-items:center}.user-list-entry{position:relative;min-width:100%}.user-list-user{padding-left:5%}.user-list-score{position:absolute;right:0;padding-right:5%}.room-list{height:100%;display:flex;flex-flow:column;align-items:center}.room-container{width:100%;height:100%;display:flex}.chat-entry{padding-bottom:8px;padding-top:8px}.message-window{height:100%;max-height:100%;display:grid;grid-template-rows:auto 1fr auto}.message-window-title{display:flex;justify-content:center;padding-bottom:4px}.message-window-messages{display:flex;flex-flow:column;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;overscroll-behavior:contain;gap:1px}.message{word-break:break-word;white-space:pre-wrap}.message-user{font-weight:700}#lobby-body{display:grid;grid-template-columns:20% 60% 20%;height:95vh;max-height:95vh}#header{height:5vh}.countdown{--countdown-cx: calc(var(--countdown-width) / 2);--countdown-cy: calc(var(--countdown-height) / 2);--countdown-radius: calc((var(--countdown-width) + var(--countdown-height)) / 10);--countdown-circumference: calc(2 * pi * var(--countdown-radius));--countdown-bar-fill: calc((var(--countdown-progress) * var(--countdown-circumference)) / 100);animation:progress-bar var(--countdown-time) linear 0s 1 forwards;max-width:100%;max-height:100%}.countdown circle{cx:var(--countdown-cx);cy:var(--countdown-cy);r:var(--countdown-radius);stroke-width:calc((var(--countdown-width) + var(--countdown-height)) / 50);fill:none}.countdown circle.background{stroke:#fff}.countdown circle.foreground{transform:rotate(-90deg);transform-origin:var(--countdown-cx) var(--countdown-cy);stroke:#20b2aa;stroke-dasharray:var(--countdown-bar-fill) calc(var(--countdown-circumference) - var(--countdown-bar-fill))}@property --countdown-progress{syntax: "<number>"; inherits: false; initial-value: 0;}@keyframes progress-bar{0%{--countdown-progress: 0}to{--countdown-progress: 100}}#piece-box{flex-grow:1;width:100%;max-width:100%;height:100%;max-height:100%}.guess-entry{text-align:center}.guess-entry input{width:100%;text-align:center;box-sizing:border-box}.suggestions{list-style-type:none;border:1px solid black;padding:0;margin:0;width:100%;box-sizing:border-box;max-height:200px;overflow-y:auto}.suggestions li{padding:5px 10px;cursor:pointer}.suggestions li:hover{background:gray}.suggestions li[selected=true]{background:#adff2f}.volume-slider-container{position:absolute;right:0;top:24px;display:flex;flex-flow:column}.volume-slider{writing-mode:vertical-lr;direction:rtl}.room{position:relative;left:0;top:0;height:100%}.leave-button{position:absolute;bottom:0}#room-main-display{max-height:50vh;height:50%;width:97%;display:flex;flex-direction:column}#room-body{display:grid;grid-template-columns:15% 65% 20%;height:95vh;max-height:95vh}#left-col{height:100%}#center-col{height:100%;position:relative}#right-col{height:100%;max-height:100%;overflow:hidden}#room-header{text-align:center}.results{display:flex;flex-flow:column;align-items:center}.results .results-user{width:90%;border:solid 1px black;margin-bottom:2px;position:relative}.results .results-winner{background-color:gold}.results .results-user .results-user-guess{text-align:center;position:absolute;left:50%}.results .results-user .results-user-score{position:absolute;text-align:right;right:0}.state-display{text-align:center;width:100%}