html:has(dialog[open]){overflow:hidden}footer>div:first-child{font-size:1.5rem;gap:1.25rem}footer>div:first-child button{border-style:none}ol,ul{list-style:none;margin:0;padding:0}a,button{align-items:center;color:var(--blue);display:inline-flex;justify-content:center;max-width:calc(100vw - 2.5rem);min-height:2rem;min-width:2rem;width:max-content}button{border-color:var(--blue);border-radius:.5rem;border-style:solid;border-width:1px;background:none;cursor:pointer;flex-shrink:0;font-size:inherit;margin-block:.75rem;padding:.25rem .675rem}label{align-items:flex-start;display:flex;flex-direction:column;font-size:.875rem;width:100%}input,select,textarea{background-color:var(--bg);border-radius:.5rem;border-color:var(--slate);border-style:solid;border-width:1px;color:inherit;font-size:1rem;padding:.5rem;width:100%}select{cursor:pointer}textarea{font:inherit;max-height:8rem;min-height:4rem;resize:vertical}dialog{border-radius:1rem;border-style:solid;margin:20vh auto;padding:0;width:min(calc(100vw - 2.5rem),30rem)}dialog::backdrop{background-color:#000c}dialog,dialog>div{border-radius:1rem}dialog>div{padding:1.25rem}dialog h1{font-size:1.125rem;letter-spacing:normal;text-align:left}.dialog-button-container{column-gap:1.25rem;display:flex;flex-wrap:wrap;justify-content:flex-end}htm-toast{--htm-bg: var(--fg);--htm-fg: var(--bg);line-height:1.3}htm-spinner{margin-block:1.25rem}.page-content{display:grid}.lobby .btn{margin-block:.5rem 1.25rem}.lobby ul,.waiting-room ul{border-block-start:1px solid var(--slate)}.lobby ul li,.waiting-room ul li{align-items:center;border-block-end:1px solid var(--slate);display:flex;gap:1.25rem;justify-content:space-between}.lobby ul li span,.waiting-room ul li span{font-size:1.125rem;font-weight:600}.waiting-room ul li span{padding-block:.5rem}.waiting-room ul li div:last-child{display:flex;column-gap:1rem;flex-wrap:wrap-reverse;white-space:nowrap}.waiting-room,.request-to-join-form{display:flex;flex-direction:column;gap:.75rem}.score-container{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.score-container li{align-items:center;border-radius:1.25rem;display:flex;flex-direction:column;padding:.75rem 1.25rem;width:9rem}.score-container li>span:first-child{font-size:1.125rem}.score-container li>div{font-size:1.375rem;font-weight:700}.btn{background-color:var(--bg-blue);border-radius:.75rem;border-style:none;color:var(--light);font-weight:600;padding:.5rem 1rem;width:100%}.red{border-color:var(--red);color:var(--red)}.search-container{margin-block-end:.75rem}.search-container ul{align-items:center;display:flex;flex-direction:column;justify-content:center}.search-container ul li{align-items:center;border-block-end:1px solid var(--slate);display:flex;gap:1.25rem;justify-content:space-between;width:100%}.search-container ul li>div:first-child{display:flex;flex-direction:column;margin-block:.5rem}.search-container ul li>span{font-size:1.125rem}.game-rounds{display:flex;flex-direction:column;gap:1rem;margin-block:1.25rem}.game-rounds>fieldset{border-radius:8px;border-color:var(--gray);border-width:1px;color:var(--gray);font-size:.875rem;padding-inline:.75rem}.game-rounds>fieldset>div{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem .25rem}.game-rounds>fieldset>div>div{background-color:var(--gray);color:color-mix(in oklab,var(--bg) 80%,transparent);padding:.25rem .5rem;border-radius:.75rem}.score-container li{background-color:color-mix(in oklab,var(--gray) 10%,transparent);position:relative}.score-container li div:not(.red){color:color-mix(in oklab,var(--gray) 70%,transparent)}.score-container li:before{background:radial-gradient(circle at top right,color-mix(in oklab,var(--gray) 15%,transparent),transparent 70%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}htm-confetti canvas{left:0;pointer-events:none;position:fixed;top:0}htm-spinner svg{animation:calc(var(--htm-duration, .25s) * 5) linear htm-spin infinite}htm-spinner p{display:none}@keyframes htm-spin{0%{stroke-dashoffset:502;stroke-dasharray:150.6 100.4}50%{stroke-dasharray:1 250}to{stroke-dashoffset:0;stroke-dasharray:150.6 100.4}}@media (prefers-reduced-motion: reduce){htm-spinner svg{display:none}htm-spinner p{display:block}}htm-toast{background-color:var(--htm-bg, white);border-color:var(--htm-border, black);border-radius:var(--htm-radius, .5rem);border-style:solid;border-width:1px;color:var(--htm-fg, black);max-width:min(calc(100vw - calc(var(--htm-spacing, 1.25rem) * 2)),20rem);padding:calc(var(--htm-spacing, 1.25rem) * .6) var(--htm-spacing, 1.25rem);position:fixed;transition-duration:var(--htm-duration, .25s);transition-property:bottom,left,right,top;transition-timing-function:cubic-bezier(.75,-.75,.25,1.5);width:max-content;z-index:10000}htm-toast.danger{background-color:var(--htm-bg-danger, #991b1b);border:none;color:#fff}htm-toast.info{background-color:var(--htm-bg-info, #1e40af);border:none;color:#fff}htm-toast.success{background-color:var(--htm-bg-success, #166534);border:none;color:#fff}htm-toast.bottom{bottom:-10rem}htm-toast.bottom.enter{bottom:1.25rem}htm-toast.center{left:50%;transform:translate(-50%)}htm-toast.center.bottom.exit{bottom:-10rem}htm-toast.center.top.exit{top:-10rem}htm-toast.left{left:1.25rem}htm-toast.left.exit{left:-20rem}htm-toast.right{right:1.25rem}htm-toast.right.exit{right:-20rem}htm-toast.top{top:-10rem}htm-toast.top.enter{top:1.25rem}@media (prefers-reduced-motion: reduce){htm-toast{transition-duration:0ms}}