html,body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;--color: #009c7d;--base-color: #181818;--contrast-base-color: #aaa}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{height:100%;background-color:var(--base-color);color:var(--contrast-base-color)}.main{display:flex;flex-direction:column;height:100%}.content{padding:1em;flex-grow:1;display:flex;flex-direction:row;justify-content:space-around}.content .settings{display:flex;flex-direction:column;gap:1em;justify-content:center}.settings h3{text-align:center;margin:.5em 0}.settings .table{display:grid;grid-template-columns:auto auto;gap:.5em 2em;align-items:center;justify-content:space-between}.content .text{display:flex;flex-direction:column;gap:1em;align-items:center;justify-content:center;text-align:center}.header,.footer{font-size:.9em;background-color:var(--color);padding:.75em 1em;color:var(--base-color);display:flex;font-weight:700}.header-content,.footer button{flex-grow:1;font-size:1em;padding:.8em;display:flex;align-items:center;justify-content:center}.footer-confirm-label{flex-grow:1;display:grid;grid-template-columns:auto 1fr 1fr;gap:2em;align-items:center;padding:0 1em}button{background-color:var(--base-color);border:1px solid var(--base-color);color:var(--contrast-base-color);border:none;border-radius:.5em;padding:1em 2em}.dial button{padding:1em 1.5em}.content button{background-color:var(--color);border:1px solid var(--color);color:var(--base-color)}.content button:active,.content button[active=true]{color:var(--color);background-color:var(--base-color)}.spacer{flex-grow:1}.category-selector{display:flex;align-content:space-between;flex-wrap:wrap;gap:.2em}button[disabled]{visibility:hidden}.dial{display:flex;gap:.2em}.dial input{width:5em;text-align:center}.choice-screen{flex-grow:1;display:grid;justify-content:space-evenly;align-items:center;align-content:space-evenly;justify-items:stretch}.choice-button{flex:1;font-size:1.5em;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5em;background-color:var(--color);color:var(--base-color);padding:2em}.choice-button:disabled{visibility:visible;opacity:.3}.choice-remaining{font-size:.5em;font-weight:400;opacity:.7}input{background-color:var(--base-color);color:var(--contrast-base-color);border:1px solid var(--contrast-base-color);border-radius:.5em}.player-name-screen{overflow-y:auto;align-items:stretch;justify-content:flex-start;gap:1em}.player-name-list{display:grid;grid-template-columns:auto minmax(2em,1fr);gap:1em;width:100%;margin:0 auto;align-items:center}.player-name-list input{font-size:.75em;padding:.5em}.player-name-clear{margin-top:.5em;align-self:flex-end}.player-name-clear-confirm{margin-top:.5em;display:flex;gap:1em;align-items:center;justify-content:flex-end}.props-screen{flex-direction:column;justify-content:flex-start;overflow-y:auto}.props-list{list-style:disc;padding:0 1em;margin:0;display:flex;flex-direction:column;gap:.75em}@media(orientation:landscape){.choice-screen{grid-template-columns:repeat(2,30%);grid-template-rows:auto}.content .text{margin:0 20%}}@media(orientation:portrait){html,body{font-size:1.1em}.choice-screen{grid-template-columns:auto;grid-template-rows:repeat(2,20%)}.content{flex-direction:column}.content .text{margin:0 5%}}