.vflow{text-align:center;flex-flow:column;justify-content:flex-start;align-items:stretch;gap:.3em;display:flex}.mode{text-align:center;flex-flow:column;flex:auto;justify-content:flex-start;align-items:stretch;gap:.3em;display:flex}.countdown{text-align:center;min-width:3ch;font-size:1.6em}.player-icon{flex:0 0 1.6em;width:1.6em;height:1.6em}.player-icon.disabled{filter:brightness(50%)grayscale(50%)}.player-view{text-wrap:nowrap;flex-flow:row;justify-content:center;align-items:center;gap:8px;width:min-content;min-width:3ch;max-width:100%;font-size:1.1em;display:flex}.player-view .name{text-align:start;white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.player-view .score{font-size:1.16em}.multi-btn{flex-flow:row;justify-content:center;align-items:stretch;font-size:.9em;display:flex}.multi-btn button{border-radius:0}.multi-btn button:first-child{border-radius:6px 0 0 6px}.multi-btn button:last-child{border-radius:0 6px 6px 0}.multi-btn button:only-child{border-radius:6px}.multi-btn button:not(:first-child){border-left:none}#status{text-align:center;font-weight:700}#status.error{color:#a00}#logo #icon-row{flex-flow:row;justify-content:center;align-items:center;max-width:94vw;font-size:1.6em;display:flex}#logo #icon-row>*{object-fit:contain;flex:1 1 0;min-width:0;height:auto}#overlay{padding:none;background-color:#00000073;border:none;flex-flow:column;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.nav-btn{aspect-ratio:1;background-color:#ddd;border:3px solid #210;border-radius:6px;flex-flow:row;justify-content:center;align-items:stretch;width:auto;height:100%;padding:1px;transition:background-color .1s,transform .1s;display:flex}.nav-btn img{width:100%;height:100%}.nav-btn:disabled{filter:brightness(65%)}.nav-btn:not(:disabled):hover{background-color:#eee}.nav-btn:not(:disabled).selected{background-color:#eee;transform:scale(1.1)}.submission{aspect-ratio:9/10;background-color:#eee;border:3px solid #210;border-radius:8px;flex-flow:column;flex:none;justify-content:space-between;align-items:center;min-width:0;min-height:0;padding:8px;animation:.4s backwards submission-fade-in;display:flex;position:relative}@keyframes submission-fade-in{0%{filter:opacity(0);transform:translateY(30px)}}.submission .name{overflow-wrap:break-word;max-width:100%;font-size:1.3em}.submission .img-ctr{aspect-ratio:1;flex:1 1 0;min-width:0;min-height:0;position:relative}.submission .img-ctr .drawing{min-width:100%;max-width:100%;min-height:100%;max-height:100%}.submission .img-ctr .vote-ctr{flex-flow:wrap;place-content:flex-start;align-items:flex-start;gap:0;font-size:1.2em;display:flex;position:absolute;top:.1em;bottom:.1em;left:.1em;right:1.2em}.submission .img-ctr .vote-ctr .player-icon{animation:.7s vote-fade-in;transform:translate(.6em,.6em)scale(2)}@keyframes vote-fade-in{0%{opacity:0;transform:translate(.6em,.6em)scale(2)rotate(-30deg)}45%{opacity:.5;transform:translate(.6em,.6em)scale(2)rotate(25deg)}to{opacity:1;transform:translate(.6em,.6em)scale(2)rotate(0)}}*{box-sizing:border-box;margin:0}:root{-webkit-user-select:none;user-select:none;background-color:#f9ddcc;width:100%;height:100%;font-family:Arial;font-size:1.2rem}body{flex-flow:column;justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex}#app{flex-flow:column;justify-content:flex-start;align-items:stretch;width:100%;height:100%;display:flex}button,input{color:#000;border:3px solid #321;border-radius:8px;font-size:1em}button{background-color:#eee}button:not(:disabled):hover{background-color:#ddd}button:not(:disabled).selected{background-color:#aaa}.flow,.scaffold,.primary-flow,.page,.primary-page{text-align:center;flex-flow:column;flex:1 1 0;justify-content:flex-start;align-items:center;display:flex}.primary,.primary-page,.primary-flow{min-width:100%;max-width:100%}.stretch,.scaffold{align-items:stretch}.scaffold{width:100%;min-width:100%;min-height:100%;max-height:100%}.mount,.primary,.primary-flow,.primary-page{position:relative}.padded,.page,.primary-page{padding:18px}.gapped,.page,.primary-page{gap:8px}.scrolling{flex:1;overflow:auto}#overlay{background-color:#0009;flex-flow:column;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}#tray-right,#tray-left,#bottom-bar,#top-bar{flex-flow:row;justify-content:flex-start;align-items:stretch;gap:6px;display:flex}#tray-right .left,#tray-left .left,#bottom-bar .left,#top-bar .left{flex-flow:row;flex:1 0 0;justify-content:flex-start;align-items:stretch;gap:6px;display:flex}#tray-right .middle,#tray-left .middle,#bottom-bar .middle,#top-bar .middle{flex-flow:row;justify-content:center;align-items:center;gap:6px;display:flex}#tray-right .right,#tray-left .right,#bottom-bar .right,#top-bar .right{flex-flow:row;flex:1 0 0;justify-content:flex-end;align-items:stretch;gap:6px;display:flex}#bottom-bar,#top-bar{background-color:#e0cab6;height:3.2em;max-height:3.2em;padding:6px}#bottom-bar .player-icon,#top-bar .player-icon{max-height:100%}#tray-right,#tray-left{height:2.4em;max-height:2.4em;position:fixed;bottom:6px}#tray-left{flex-flow:row;justify-content:flex-start;align-items:flex-end;display:flex;left:6px}#tray-right{flex-flow:row;justify-content:flex-end;align-items:flex-end;display:flex;right:6px}#top-bar{border-bottom:3px solid #210;font-size:1.6rem}#bottom-bar{border-top:3px solid #210}#bottom-bar .countdown{text-align:center;background-color:#f9ddcc;border:3px solid #210;border-radius:6px;min-width:3.6ch;padding:2px;font-size:1.7rem;position:relative}#bottom-bar .countdown .countdown-popup{text-align:center;pointer-events:none;border-radius:4px;min-width:2ch;height:80%;padding:4px;font-size:75%;position:absolute;bottom:16px;left:50%}#bottom-bar .countdown .countdown-popup:not(.final){color:#fff;background-color:#000;animation:1s forwards tip-short}#bottom-bar .countdown .countdown-popup.final{color:#000;background-color:red;animation:3s forwards tip-long}@keyframes tip-short{0%{opacity:0;transform:translate(-50%,-75%)}6%{opacity:1;transform:translate(-50%,-125%)}94%{opacity:1;transform:translate(-50%,-125%)}to{opacity:0;transform:translate(-50%,-75%)}}@keyframes tip-long{0%{opacity:0;transform:translate(-50%,-75%)}2%{opacity:1;transform:translate(-50%,-125%)}98%{opacity:1;transform:translate(-50%,-125%)}to{opacity:0;transform:translate(-50%,-75%)}}body{touch-action:manipulation}#about-popup,#help-popup{background-color:#f9ddcc;border:4px solid #210;border-radius:8px;flex-flow:column;justify-content:center;align-items:center;gap:12px;max-width:100%;padding:12px;animation:.1s swoop-in;display:flex}#help-popup .small{font-size:.8em}#name-popup{background-color:#f9ddcc;border:4px solid #210;border-radius:8px;flex-flow:column;justify-content:center;align-items:center;gap:12px;max-width:100%;padding:12px;animation:.1s swoop-in;display:flex}#bachelor-popup{background-color:#f9ddcc;border:4px solid #210;border-radius:8px;flex-flow:column;justify-content:center;align-items:center;gap:12px;max-width:100%;max-height:90vh;padding:8px;animation:.1s swoop-in;display:flex}#bachelor-popup #bachelor-ctr{background-color:#fff0e7;border:3px solid #210;border-radius:6px;flex-flow:column;justify-content:center;align-items:stretch;max-width:min(93vw,63vh);padding-top:2px;display:flex}#bachelor-popup #bachelor-ctr #bachelor-name{overflow-wrap:break-word;max-width:100%;font-size:1.6rem}#bachelor-popup #bachelor-ctr #bachelor-img{width:100%;min-width:0;height:auto;min-height:0;margin:4px}@keyframes swoop-in{0%{opacity:0;transform:translateY(10px)}}#landing input{width:18ch;margin-top:2px}#landing #join-flow{gap:10px;margin:16px;font-size:1.2rem}#landing #join-btn{margin-top:12px}#landing #code-input{text-transform:uppercase}#landing #status{max-width:36ch}#lobby #icon-select{flex-flow:column;justify-content:center;align-items:stretch;margin:6px;font-size:2rem;display:flex}#lobby #icon-select .icon-row{flex-flow:row;justify-content:center;align-items:stretch;display:flex}#lobby #start-btn:disabled{filter:brightness(.6)}#draw,#draw-bachelor,#draw-suitor{flex-flow:column;justify-content:flex-start;align-items:stretch;display:flex}#drawpad-ctr{min-width:content;flex-flow:wrap;flex:1 1 0;place-content:space-evenly center;align-items:center;gap:8px;width:100%;max-width:100%;max-height:100%;padding:8px;display:flex;overflow:scroll}#drawpad-ctr #bachelor-theme{flex:.5 1 0;min-width:min-content;font-size:1.1em}#drawpad-ctr #info{text-wrap:balance;flex:1 .5 0;max-width:max-content;font-size:1.1rem}#drawpad-ctr #info #goblin-name{text-align:center;font-size:1.1em}#drawpad{touch-action:pinch-zoom;border:4px solid #210;border-radius:0;flex-flow:column;justify-content:center;align-items:stretch;width:75vh;max-width:100%;display:flex}#drawpad #canvas{aspect-ratio:1;background-color:#fff;border-top:4px solid #210;border-bottom:4px solid #210}#drawpad #action-btn-row,#drawpad #color-btn-row{flex-flow:row;justify-content:flex-start;align-items:stretch;display:flex}#drawpad #action-btn-row button,#drawpad #color-btn-row button{border:0;border-radius:0;flex-flow:row;flex:1;justify-content:center;align-items:center;height:100%;margin:0;padding:0;display:flex}#drawpad #action-btn-row button img,#drawpad #color-btn-row button img{aspect-ratio:1;width:100%;min-height:0}#drawpad #color-btn-row{aspect-ratio:12}#drawpad #color-btn-row button{border:4px solid;height:100%;min-height:0}#drawpad #action-btn-row{aspect-ratio:10;background-color:#fff0e7}#drawpad #action-btn-row .spacer{flex:2}#drawpad #action-btn-row #submit-btn{white-space:nowrap;background-color:#4a5;flex:5;font-size:1em;transition:background-color .8s}#drawpad #action-btn-row #submit-btn:hover:enabled{filter:brightness(1.06)}#drawpad #action-btn-row #submit-btn:active:enabled{background-color:#090}#drawpad #action-btn-row #submit-btn:disabled{background-color:#070}