html{background:#ffff9c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{margin:0}.login-details{background:#fff;border-bottom:5px solid #000;overflow:hidden;grid-template-columns:1fr max-content;grid-gap:.5rem;padding:.5rem}.login-details,.login-user{display:grid;align-items:center}.login-user{grid-template-columns:max-content max-content;grid-gap:.5rem}.button-row{display:grid;grid-auto-columns:max-content;grid-auto-flow:column;grid-gap:.5rem;align-items:center}.button{cursor:pointer;border:3px solid #000;font:inherit;padding:.4em .7em;background:#e2e2e2;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.button:disabled{pointer-events:none}.page-margin{margin:0 1rem}@media (min-width:500px){.page-margin{margin:2rem}}.content-box{background:#fff;border:5px solid #000;margin:1rem auto;box-shadow:7px 7px #000}@media (min-width:500px){.content-box{margin:2rem auto}}.content-box.content-sized{max-width:max-content}.content-box p{line-height:1.4;max-width:30rem}.content-box-title{background:#e2e2e2;margin:0;padding:.5em;font-size:2rem;text-align:center}.content-padding{padding:1rem}.content-padding>:first-child{margin-top:0}.content-padding>:last-child{margin-bottom:0}.content-hr{border-top:5px solid #e2e2e2}.content-controls{background:#f7f7f7;padding:1rem;display:grid;grid-auto-columns:max-content;grid-auto-flow:column;grid-gap:.5rem;justify-content:end}.site-title{margin:0;text-align:center}.site-title a{display:block;color:inherit;text-decoration:none}.site-title a:hover{text-decoration:underline}.hero-button-container{margin:2.55rem auto;display:flex;flex-flow:row wrap;justify-content:center}.hero-button-container>*{margin:.65rem}.hero-button{font-size:2rem;box-shadow:7px 7px #000;border-width:5px;background:#78ff78;--icon-size:48px}.button-bad{background:#ff7878}.button-good{background:#78ff78}.button-with-icon{padding:.2em .7em .2em .4em}.game-list{display:block;margin:0;padding:0}.game-list>li{display:block;margin:0;border-top:1px solid #000}.game-list>li:first-child{border-top:none}.game-list>li>a{display:block;padding:1.6rem 0;color:inherit;text-decoration:none}.player-list{display:block;margin:0;padding:0}.player-list>li{margin:0;border-top:1px solid #000;padding:1.6rem 0;display:grid;grid-template-columns:[avatar] max-content [name] 1fr [status] max-content [remove] max-content;grid-gap:.5rem;align-items:center}.player-list>li:first-child{border-top:none}.player-list .avatar{grid-column:avatar}.player-list .name{grid-column:name}.player-list .player-round-status{grid-column:status}.player-list .remove{grid-column:remove}.player-round-status{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;grid-gap:3px}.player-round-status-item{--size:12px;width:var(--size);height:var(--size);background:#c7c7c7}.player-round-status-item.status-active{background:#ffb100}.player-round-status-item.status-complete{background:green}.game-name{display:block;font-size:1.3rem}.game-state{opacity:.7;font-size:.9rem}.large-text-input{font:inherit;border:3px solid #000;font-size:1.3rem;padding:.5em;min-width:0}.input-submit{display:grid;grid-template-columns:1fr max-content}.input-submit>.large-text-input{border-right:none}.drawing-mobile{opacity:0;pointer-events:none;position:absolute;width:0;height:0;overflow:hidden}.drawing-mobile:fullscreen{display:block;margin:0;border:0;width:auto;height:auto;opacity:1;pointer-events:auto;overflow:visible}.drawing-mobile:fullscreen .allow-canvas-resize{height:100vh}.fallback-fullscreen{margin:0;border:0;position:fixed;top:0;left:0;right:0}.fallback-fullscreen .allow-canvas-resize{height:100%}.drawing-container{display:grid;grid-template-rows:[desc] max-content [canvas] 1fr [buttons] max-content}.thing-to-draw{grid-row:desc;background:#e2e2e2;padding:1em;text-align:center}.canvas-container{overflow:hidden;position:relative;grid-row:canvas;touch-action:pan-x pan-y}.drawing-canvas{display:block;width:100%;height:auto;touch-action:none}.allow-canvas-resize{height:80vh}.allow-canvas-resize .drawing-canvas,.resize-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.resize-iframe{opacity:0;pointer-events:none;border:none}.drawing-controls{background:#f7f7f7;grid-row:buttons;padding:1rem;display:grid;grid-auto-columns:max-content;grid-auto-flow:column;grid-gap:.5rem;justify-content:end}.complete-drawing{position:relative;max-height:80vh;display:flex}.complete-canvas{display:block;width:100%;height:auto;object-fit:contain}.avatar-description{display:grid;grid-template-columns:max-content 1fr;grid-gap:.7rem;align-items:center}.avatar-description-description>:first-child{margin-top:0}.avatar-description-description>:last-child{margin-bottom:0}.avatar-description-description>p{max-width:none}.modal{overflow:auto;background:rgba(0,0,0,.6);position:fixed;top:0;left:0;right:0;bottom:0;padding:0 2.4rem;display:flex}.icon-text,.modal{align-items:center}.icon-text{display:grid;grid-template-columns:max-content 1fr;grid-gap:.7rem}.icon-text>.icon{width:var(--icon-size);height:auto}.user-appearance{display:grid;grid-template-columns:max-content 1fr;align-items:stretch;grid-gap:.5rem}.user-appearance .avatar,.user-appearance .placeholder-avatar{width:51px;height:51px}