.circle-container{height:22.5rem;margin-block-start:1.25rem;position:relative;width:22.5rem}.circle{border-radius:100%;height:16rem;opacity:50%;position:absolute;width:16rem}.circle-a{background-color:var(--circle-a);left:0;top:0}.circle-b{background-color:var(--circle-b);right:0;top:0}.circle-c{background-color:var(--circle-c);bottom:0;left:3.25rem}.circle-title{background-color:var(--light);border-radius:1.5rem;border-style:solid;border-width:2px;color:var(--dark);font-size:.875rem;font-weight:700;line-height:1.2;padding:.5rem;position:absolute;text-align:center;width:10rem}.circle-title-a{border-color:var(--circle-a);left:0;top:-1.25rem}.circle-title-b{border-color:var(--circle-b);right:0;top:-1.25rem}.circle-title-c{border-color:var(--circle-c);bottom:-1.25rem;left:6.25rem}[draggable=true],.dropzone{align-items:center;border-radius:2rem;color:var(--dark);display:flex;height:4rem;justify-content:center;padding-inline:.5rem;text-align:center;width:6.5rem}.dropzone{position:absolute}.dropzone:not([draggable=true]){padding-inline:0}.dropzone:not([draggable=true]) span{align-items:center;background-color:var(--light);border-radius:1.25rem;border-style:solid;display:flex;font-size:.875rem;justify-content:center;line-height:1;min-height:2.625rem;min-width:5rem;padding:.375rem .5rem}.dropzone-a{left:.25rem;top:4.25rem}.dropzone-ab{left:8rem;top:2.5rem}.dropzone-abc{left:8rem;top:8rem}.dropzone-ac{left:2.5rem;top:11.5rem}.dropzone-b{right:.25rem;top:4.25rem}.dropzone-bc{right:2.5rem;top:11.5rem}.dropzone-c{bottom:2.5rem;left:8rem}.creator-text{color:var(--gray);font-size:.875rem}.game-controls{align-items:center;display:flex;flex-direction:column}.game-controls>p{font-size:.875rem;margin-block:.25rem;text-align:center}.draggables{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem;max-width:27rem}[draggable=true]{background-color:#fff;border-color:var(--dark);border-style:solid;cursor:grab;font-size:.875rem}.dropzone.dragover{background-color:#ffffffb3}.reset-button{color:var(--red);margin-block-start:.5rem}.guesses-text{margin-block:.5rem;text-align:center}.hints-container{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-block-start:1.25rem;max-width:65ch;text-align:center}.previous-game-container{display:flex;flex-direction:column;gap:.75rem;margin-block-start:5rem;max-width:30rem}.previous-game-container p{color:var(--gray);font-size:.875rem}.game-summary{margin-block-start:3rem}.game-summary>div{margin:.5rem auto 0;width:fit-content}.home-button{margin:-1rem auto .5rem -.25rem}dialog{border-radius:1rem;border-style:solid;margin:20vh auto;padding:0;text-align:left;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;margin-block-end:.5rem}.dialog-cta-container{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;justify-content:flex-end;margin-block-start:.5rem}.dialog-cta-container>a{padding:.75rem}.red-text{color:var(--red)}main :not(:where(.circle-container *,.previous-game-container *)){animation:fadeIn .3s forwards}@keyframes fadeIn{0%{opacity:0}25%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){main :not(:where(.circle-container *,.previous-game-container *)){animation:none}}