:root{--highlight-colour:#fabd2f;--highlight-colour-dark:#bc3908}main{color:#fff}main:not(:has(#adminContainer)){border:2px solid var(--highlight-colour);border-top:none;border-bottom:none;grid-column:2;min-height:100svh;padding:.5svw}html,body{background-color:#202020;margin:0;padding:0}body:not(:has(#adminContainer)){grid-template-columns:auto clamp(0px,100%,700px) auto;display:grid}#homeNav h1{margin-top:0;margin-left:1rem;font-family:Arial;font-size:2rem;display:inline-block}#titleGroup{grid-area:a;grid-template-columns:min-content auto;align-items:start;display:grid}#homeNav h1 span{font-size:.7em;font-weight:500}#homeNav a{display:inline-block}#homeNav{border-bottom:thin solid var(--highlight-colour);border-radius:15px;grid-template:"a a b""c c c"/1fr 3fr 1fr;display:grid}#app main{color:#fff;border:3px solid #fabd2f;border-top:0;grid-column:2;height:100vh;padding:1rem}#app{grid-template-columns:auto 50% auto;display:grid}#newcomerInfo{grid-area:b;display:grid}#newcomerInfo a{color:#fff;-webkit-text-decoration-color:var(--highlight-colour);text-decoration-color:var(--highlight-colour);display:flex}#newcomerInfo a:after{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23e3e3e3'%3e%3cpath%20d='M440-280H280q-83%200-141.5-58.5T80-480q0-83%2058.5-141.5T280-680h160v80H280q-50%200-85%2035t-35%2085q0%2050%2035%2085t85%2035h160v80ZM320-440v-80h320v80H320Zm200%20160v-80h160q50%200%2085-35t35-85q0-50-35-85t-85-35H520v-80h160q83%200%20141.5%2058.5T880-480q0%2083-58.5%20141.5T680-280H520Z'/%3e%3c/svg%3e");padding-left:.5rem}.playerScoreForm a{color:#fff;-webkit-text-decoration:dashed underline var(--highlight-colour);text-decoration:dashed underline var(--highlight-colour);text-decoration-thickness:2px;display:inline-flex}.playerScoreForm a:after{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23fabd2f'%3e%3cpath%20d='M440-280H280q-83%200-141.5-58.5T80-480q0-83%2058.5-141.5T280-680h160v80H280q-50%200-85%2035t-35%2085q0%2050%2035%2085t85%2035h160v80ZM320-440v-80h320v80H320Zm200%20160v-80h160q50%200%2085-35t35-85q0-50-35-85t-85-35H520v-80h160q83%200%20141.5%2058.5T880-480q0%2083-58.5%20141.5T680-280H520Z'/%3e%3c/svg%3e");padding-left:.2rem;padding-right:.3rem}.menuButton{color:#fff;cursor:pointer;background-color:#0000;border:2px solid #fff;border-radius:.5rem;margin:.5rem;padding:.5rem;display:inline-block}:is(#loginPopup:open,#signupPopup:open){background-color:#fff;border-radius:1.4rem;display:inline-grid;position:fixed}:is(#loginPopup:open,#signupPopup:open) button{background-color:var(--highlight-colour);cursor:pointer;box-sizing:content-box;border:none;border-radius:1.4rem;grid-column:3;justify-self:end;padding:0 .5rem;font-size:1.2rem;font-weight:700;display:inline-block}:is(#loginPopup:open,#signupPopup:open) form{flex-direction:column;grid-column:1/2;gap:1rem;display:flex}:is(#loginPopup:open,#signupPopup:open) form button,:is(#loginPopup:open,#signupPopup:open) form input{font-size:1.2rem}:is(#loginPopup:open,#signupPopup:open)>button{margin:0 0 .5rem .5rem}#eventActions{gap:.5rem;display:flex}#eventActions button{cursor:pointer;color:#000;background-color:#fff;border:none;border-radius:1rem;width:fit-content;margin-top:.5rem;padding:.5rem;font-weight:700;position:relative}#playerDisplay{text-align:center;grid-area:c;grid-template-columns:1fr 3fr 1fr;align-items:center;margin:.5rem;display:grid}#playerDisplay>.userPrompt{text-align:left;background-color:#000;border-radius:3rem;grid-column:2;grid-auto-flow:column;justify-content:start;align-items:center;gap:.5rem;min-height:2rem;margin:.5rem;padding:.5rem .5rem .5rem 1rem;display:grid}#playerDisplay>.userPrompt .loginSignupLogout{grid-auto-flow:column;justify-content:start;gap:.5rem;display:grid}#playerDisplay>.userPrompt .loginSignupLogout>button{cursor:pointer;background-color:#fff;border:none;border-radius:1.4rem;width:max-content;padding:0 .5rem;font-size:1rem;font-weight:700;display:inline-block}.tableNumberDisplay{color:#000;text-align:center;background-color:#fff;border-radius:1rem;justify-items:start;margin-top:.5rem;padding:.5rem;font-family:sans;font-weight:700;display:inline-block}.tableNumberDisplay h2{margin:.5rem;font-size:1.5rem}.userAction{color:#000;text-align:center;cursor:pointer;background-color:#fff;border-radius:1rem;margin-top:.5rem;font-family:Arial;font-weight:700}.userAction>div{padding:1rem}.userAction a{color:#000;text-decoration-style:dashed;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--highlight-colour-dark);text-decoration-color:var(--highlight-colour-dark);align-items:center;display:inline-flex}.userAction a:after{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23BC3908'%3e%3cpath%20d='M440-280H280q-83%200-141.5-58.5T80-480q0-83%2058.5-141.5T280-680h160v80H280q-50%200-85%2035t-35%2085q0%2050%2035%2085t85%2035h160v80ZM320-440v-80h320v80H320Zm200%20160v-80h160q50%200%2085-35t35-85q0-50-35-85t-85-35H520v-80h160q83%200%20141.5%2058.5T880-480q0%2083-58.5%20141.5T680-280H520Z'/%3e%3c/svg%3e");padding-left:.2rem;padding-right:.3rem;display:inline-flex}#deckScoreTray summary{text-align:center;box-sizing:border-box;width:100%;padding:1rem;list-style:none}#deckScoreTray div{padding:1rem}.playerScoreForm{flex-wrap:wrap;justify-content:center;display:flex!important}.playerScoreForm legend{margin:auto}.playerScoreForm #placingSelect{flex:0 0 fit-content}.playerScoreForm #deckScore{text-align:center;flex:0 0 100%}.playerScoreForm #placingSelect,.playerScoreForm #deckScore{border-bottom:dotted #fff;margin:1rem;padding-bottom:1rem}.playerScoreForm>fieldset{border:none;flex:1;min-width:300px;padding:0}.playerScoreForm>fieldset>fieldset{flex-wrap:wrap;justify-content:center;display:flex}.playerScoreForm>fieldset>fieldset>i{flex:0 0 100%}#adminActions{grid-auto-rows:min-content;display:grid}.adminAction{text-transform:capitalize}.adminAction button{text-transform:capitalize}.playerScoreForm #placingLabel{flex:0 0 100%;grid-row:3;margin:.5rem}.playerScoreForm #placingLabel p{margin:0;font-size:.9rem}.playerScoreForm #placing{margin:.5rem;display:block}.playerScoreForm>fieldset>legend{text-align:center;width:100%;font-size:1.5rem;font-weight:700}.playerScoreForm>fieldset>legend p{margin:0;font-size:1rem;font-weight:400}.playerScoreForm input,.playerScoreForm button{cursor:pointer;min-height:2rem}.playerScoreForm input{min-width:2rem}.playerScoreForm button{flex:0 0 100%;margin:1rem}.userPrompt{grid-column:2}#displaySelector{justify-content:center;display:grid}.activeButton{color:#000;background-color:#fff;font-weight:700}#standings{grid-template-rows:repeat(auto-fill,min-content);font-size:1.2rem;display:grid}#standings>li{border-bottom:2px dashed #fff;margin-bottom:1rem}#enterScore{cursor:pointer}#enterScore:after{content:" >"}#adminLink{position:absolute;top:0;left:0}#joinLeaveEventButton form{display:grid}#actionConfirmationDialog{z-index:10;color:#fff;background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#actionConfirmationDialog button{cursor:pointer;width:5rem;height:2.5rem}#actionConfirmationDialog div{border:medium dashed var(--highlight-colour);background:#000;flex-wrap:wrap;justify-content:space-evenly;height:10rem;padding:1rem;display:flex}#actionConfirmationDialog p{text-align:center;text-transform:lowercase;flex:0 0 100%}#actionConfirmationDialog p:first-letter{text-transform:capitalize}@media (width<=1000px){#newcomerInfo{grid-template-columns:min-content auto auto;justify-content:space-between}#playerDisplay{grid-template-columns:auto auto auto}#homeNav{grid-template-areas:"a a a""b b b""c c c";grid-auto-flow:column;padding:0 .5rem .5rem}}
