.progress-bar{width:100%;background-color:#e0e0df;border-radius:8px;overflow:hidden}.progress-bar>div{height:20px;background-color:#5da79a;transition:width .1s}.lobby-page{display:flex;flex-direction:column;place-content:center;gap:2rem;flex-grow:1}.form-grid{display:grid;grid-template-columns:auto 1fr;gap:10px}.form-grid input{width:initial}label{padding-right:10px;font-weight:700}input{width:100%;padding:5px}.parties{display:grid;grid-template-columns:1fr 1fr auto auto;grid-auto-flow:row}.parties>div{padding:5px 10px}.th-cell{font-weight:700;border-bottom:1px solid black}.ready-cell{text-align:center}.ping-cell{text-align:right}.title.pill .pill-container{display:flex;flex-direction:row}.title.pill .pill-container>div{padding:0 1rem;color:#000000a0;flex-grow:1;flex-basis:0;border:1px solid #00000044;cursor:pointer}.title.pill .pill-container>div:not(:last-child){padding:0 1rem;border-right:none}.title.pill .pill-container>div:first-child{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.title.pill .pill-container>div:last-child{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.title.pill .pill-container>div.selected{background-color:#1f6ce0;color:#fff}.title{font-size:calc(.07 * var(--aw));text-align:center}.main.buttons{text-align:center;padding:1rem;position:fixed;bottom:0;left:50vw;transform:translate(-50%);width:calc(var(--aw) - 4rem);background-color:#90ade2;border-top:1px solid #00000018}.gutter{height:5em}.main.buttons :not(:first-child){margin-left:1rem}.home{display:flex;flex-direction:column;gap:1rem}.quote{padding:1rem;font-style:italic;text-align:center}.subheading{font-size:1.5em}.result{display:flex;flex-direction:column;gap:2rem;flex-grow:1}.result .content{display:flex;flex-direction:column;gap:2rem;align-self:center}.choice-list{display:flex;flex-direction:column;padding:1rem}.choice-list>div{display:flex;justify-content:space-between;padding:.5rem}.choice-list>div:not(:first-child){border-top:1px solid #00000044}.yes-no.pill .pill-container{display:flex;flex-direction:row}.yes-no.pill .pill-container>div{padding:0 1rem;color:#000000a0;flex-grow:1;flex-basis:0;border:1px solid #00000044;cursor:pointer}.yes-no.pill .pill-container>div:not(:last-child){padding:0 1rem;border-right:none}.yes-no.pill .pill-container>div:first-child{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.yes-no.pill .pill-container>div:last-child{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.yes-no.pill .pill-container>div.selected{background-color:#1f6ce0;color:#fff}html,body{margin:0;padding:0}html{min-height:-webkit-fill-available}@supports not (-webkit-touch-callout: none){body{height:100vh}}body{display:flex;font-size:18px;height:var(--vh);overflow-x:hidden;overflow-y:auto}:root{--vh: 100vh;font-family:Helvetica;line-height:1.5;font-weight:400;background-color:#92aee3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--aw: min(100vw, 60vh );--iaw: calc(.74 * var(--aw))}#root{display:flex;flex-direction:column;width:var(--aw);max-width:var(--aw);margin:0 auto;padding:calc(.13 * var(--aw));box-sizing:border-box}a{font-weight:700;color:#ffffac;text-decoration:inherit}a:hover{color:#fff}h1{font-size:2rem;text-align:center}h2{font-size:1.2rem;margin-top:2rem}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#ffffac;cursor:pointer;transition:border-color .25s}button.secondary{background-color:#fff}button:disabled{opacity:.5;cursor:default}.grow{flex-grow:1}