.button{margin:.25rem;filter:var(--shadow-sm);border-width:.125rem;color:var(--color-like-white);cursor:pointer}.button:not(.disabled):hover{text-decoration:underline;border-color:var(--color-like-white)}.button-green{background-color:var(--color-green);border-color:var(--color-green)}.button-orange{background-color:var(--color-orange);border-color:var(--color-orange)}.button-yellow{background-color:var(--color-dark-yellow);border-color:var(--color-dark-yellow)}.button-red{background-color:var(--color-dark-red);border-color:var(--color-dark-red)}.button-disabled{background-color:var(--color-gray);border-color:var(--color-gray);cursor:not-allowed}.button-big{font-size:1.25rem;line-height:1.75rem;padding:.5rem .75rem .75rem;border-radius:.375rem}.button-normal{padding:.25rem .5rem;border-radius:.375rem}.button-round{padding:.25rem .5rem;border-radius:100%}.input>label{margin-right:.5rem}.input>input{color:var(--color-like-black);background-color:var(--color-like-white);width:min-content;padding:.25rem;margin:.25rem;border-radius:.25rem}.input>input:focus-visible{outline:.125rem solid var(--color-light-green);outline-offset:1px}.player-avatar{display:flex;align-items:center;position:relative;border-radius:100%}.player-avatar>img{position:absolute;border-radius:100%}.setup-section{display:flex;flex-direction:column;align-items:center;margin-top:1rem;gap:.5rem}.setup-avatar{height:8rem;width:8rem}.buttons-outer{margin-top:1rem;margin-bottom:1rem}.button-container{display:flex;justify-content:center;align-items:center}.popup{display:flex;flex-direction:column;border-radius:.25rem;position:absolute;z-index:100}.popup-header{display:flex;justify-content:space-between;align-items:center;margin-top:.25rem}.popup-title{margin-left:.5rem;margin-right:.5rem;font-weight:700;font-size:1.125rem;line-height:1.75rem}.popup-content{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.popup.light{background-color:var(--color-like-white);color:var(--color-like-black)}.popup.dark{background-color:var(--color-like-black);color:var(--color-like-white)}.popup-close{padding-right:.5rem;padding-top:.5rem}.close-icon-x{color:var(--color-dark-red)}.close-icon-x:hover{cursor:pointer}.close-icon-background{color:var(--color-like-white)}.color-picker{display:flex;gap:.5rem;align-items:center}.color-picker>button{width:3rem;height:2rem;border-radius:.25rem;border:.2rem solid var(--color-like-white)}.color-picker>button:hover{cursor:pointer}.color-picker-list{display:flex;padding:1rem;gap:.5rem;border-radius:.25rem;align-items:center}.color-swatch{width:2rem;height:2rem;border-radius:.5rem}.color-swatch:hover{cursor:pointer;border:.25rem solid var(--color-like-white)}.color-swatch.selected{border:.25rem solid var(--color-like-white)}.color-swatch.selected:hover{border:.25rem solid var(--color-gray)}.player-settings{display:flex;gap:1rem;margin-top:1rem}.customize-avatar{height:16rem;width:16rem}.player-settings-container{display:flex;flex-direction:column}.player-name-wrapper{margin-bottom:4rem}.avatar-settings-controls{display:flex;gap:2rem}.avatar-controls-column{display:flex;flex-direction:column;gap:1rem;align-items:flex-end}section.settings-page{height:100%}.settings-buttons{display:flex;justify-content:center;gap:.5rem}.settings-note{font-style:italic;place-self:center;padding-top:.25rem}.opponent-avatar-container{position:relative}.opponent-avatar-container>.avatar-img{border-radius:100%}.opponent-avatar-container>.not-img{position:absolute;z-index:100;top:0}.opponent{display:flex;flex-direction:column;align-items:center;padding:1rem}.opponent-avatar{width:6rem;height:6rem;border-radius:100%;margin-bottom:.5rem}.opponent-avatar.current-player{border:.25rem solid var(--color-rose);filter:var(--shadow-md)}.opponent-avatar.highlight{border:.25rem solid var(--color-light-green);filter:var(--shadow-md)}.opponent>.opponent-name{color:var(--color-light-gray)}.opponent.current-player>.opponent-name{font-weight:700;color:var(--color-like-white);padding:0}.opponent>.opponent-note{font-size:.75rem;line-height:.85rem}.card{display:flex;flex-direction:column;justify-content:center;width:5rem;height:7rem;padding:1rem;border-radius:.75rem;border-width:.125rem;border-color:var(--color-like-white)}.card .default-background{background-color:var(--color-like-black)}.card-img-container{height:2rem;width:auto}.card-img-container>img{width:100%;height:100%;object-fit:contain;object-position:center;padding-bottom:.5rem}.card-name{color:var(--color-like-white);text-align:center;font-size:.75rem;line-height:1rem}.cardstack-container{position:relative;width:8rem;height:7rem}.cardstack{display:flex}.cardstack.expanded{position:absolute;z-index:100}.cardstack.right{flex-direction:row-reverse}.cardstack.expanded.right{right:0}.cardstack.expanded.left{left:0}.cardstack.right>.card{position:relative;filter:var(--shadow)}.cardstack.left>.card{filter:var(--shadow-left)}.cardstack.expanded.right>.card:not(:first-child){margin-right:-.5rem}.cardstack.expanded.left>.card:not(:first-child){margin-left:-.5rem}.cardstack.expanded.left.narrow>.card:not(:first-child){margin-left:-1rem}.cardstack.stacked.right>.card:not(:first-child){margin-right:-4.5rem}.cardstack.stacked.left>.card:not(:first-child){margin-left:-4.5rem}.discard-pile-placeholder{display:flex;align-items:center;width:5rem;height:7rem;padding:1rem;border-radius:.75rem;border:.125rem dashed var(--color-like-white);text-align:center;font-size:.75rem;line-height:1rem;background-color:var(--color-gray)}.message-display{display:flex;flex-direction:column;justify-content:center;max-width:66%;padding-right:1rem}.message-display>p{align-self:center;background:var(--color-dark-orange);padding:1rem;border-radius:.25rem;filter:var(--shadow-sm)}.message-button{align-self:flex-end}.query-cards{display:flex;gap:.5rem}.query-cards>.spacer{width:5rem}.card-enabled{background-color:var(--color-like-black)}.turn-controls-outer{position:relative;margin-right:2rem;top:-.75rem;height:100%}.turn-controls-inner{position:absolute;z-index:50}.turn-controls{display:flex;flex-direction:column}.end-turn-button{position:relative;left:-1.25rem}.turn-over{border-color:var(--color-like-white)}.discard-hand-button{position:relative;left:-.5rem}.guess-button{position:relative;left:-1.5rem;top:-.25rem}.leave-button{position:relative;left:-3.5rem;top:-1.25rem}.guessing{border-color:var(--color-like-white)}.player-controls{display:flex;justify-content:space-between;margin-top:1rem;margin-bottom:2rem;width:auto;position:relative}.player-controls-avatar{height:6rem;width:6rem}.player-controls-avatar.current-player{border:.25rem solid var(--color-rose);filter:var(--shadow-md)}.notes{overflow:auto;height:12rem;width:14rem}.notes-popup{top:-15rem;text-align:left}.note{padding:.75rem}.striped-list>*:nth-child(2n){background-color:var(--color-light-gray)}.notes-button{padding:.5rem;border:.16rem solid transparent}.notes-button:hover{border-color:var(--color-like-white);cursor:pointer}.mark-clue-popup{margin-top:-3.5rem}.mark-owner{display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding:.5rem;border-radius:.25rem;border:.125rem solid var(--color-light-gray);background-color:var(--color-like-white)}.mark-owner:hover{border-color:var(--color-like-black)}.is-owner{background-color:var(--color-light-green)}.not-owner{background-color:var(--color-light-gray)}.mark-owner-avatar-container{position:relative}.mark-owner-avatar{width:4rem;height:4rem}.mark-icon{color:var(--color-like-white)}.mark-owner-buttons{justify-self:end}.cluesheet{display:grid;grid-template-columns:1.2fr repeat(9,1fr);text-align:center;padding:.5rem;margin-top:.25rem;position:relative}.cell-title{font-size:.75rem;line-height:1rem}.cell-border-right{border-right-width:.15rem}.cell-border-right-thick{border-right-width:.16rem}.cell-border-left{border-left-width:.16rem}.cell-border-bottom{border-bottom-width:.15rem}.cell-border-bottom-thick{border-bottom-width:.16rem}.cell-border-top{border-top-width:.15rem}.cluesheet-header-cell{grid-column:span 3 / span 3;display:flex;gap:.5rem;align-items:center;justify-content:center;text-align:center;border-width:.16rem .16rem .15rem .16rem;border-color:var(--color-light-blue);padding:.25rem;border-top-left-radius:.5rem;border-top-right-radius:.5rem}.cluesheet-header-cell>img{height:1rem;width:auto}.cluesheet-notes{grid-row:span 2 / span 2;align-self:flex-end;margin-bottom:1rem}.cluesheet-sub-header{display:flex;flex-direction:column;justify-content:center;align-items:center;border-color:var(--color-light-blue);border-bottom-width:.15rem;padding:.5rem}.cluesheet-sub-header>img{height:1rem;margin-left:auto;margin-right:auto}.color-row-cell{display:flex;gap:.25rem;place-items:center;text-align:left;padding:.25rem;border-color:var(--color-light-blue);border-left-width:.16rem;height:3rem}.color-row-cell>img{height:1rem}.cell{border-color:var(--color-light-blue);border-bottom-width:.15rem;color:var(--color-like-black)}.cell.owner{background-color:var(--color-light-gray);color:var(--color-like-white)}.cell.global{background-color:var(--color-gray);color:var(--color-like-white)}.cell.selected,.cell.solution{background-color:var(--color-light-green);border:.15rem solid var(--color-dark-green)}.cell.guessing{background-color:var(--color-light-orange);border:.15rem solid var(--color-dark-orange)}.cell>button{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:.5rem}.cell-avatar{height:2rem;width:2rem}.not-owner-list{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;width:100%;height:100%}.not-owner-list-avatar{height:1rem;width:1rem}.free-choice-container{display:flex;justify-content:center}.options-img-container{position:relative}.options-img-container>img{height:3rem}.option{display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding:.5rem;border-radius:.25rem;border:.16rem solid var(--color-light-gray);color:var(--color-like-white)}.option:hover{border-color:var(--color-like-black);color:var(--color-like-white)}.background-solitaire,.background-pair,.background-cluster{background-color:var(--color-gray)}.confirm>.popup{top:25%}.confirm-message{padding:.5rem}.confirm-buttons{display:flex;justify-content:flex-end;padding:.5rem}.confirm-context-container{position:relative;width:100%;height:100%}.confirm-context-backdrop{position:absolute;width:100%;height:100%;z-index:150;background-color:#27272a80}.first-turn-popup-container{width:80%;margin-top:5em}.first-turn-popup{display:flex;flex-direction:column;padding:1rem}.first-turn-popup>p{margin-bottom:1rem}.first-turn-buttons{align-self:end;flex-grow:0}.attribution-page{padding:1rem}.attribution-page>h2{margin-top:1rem}.attribution-page>p{margin-bottom:1rem}.attribution-page>ul>li{margin-bottom:.5rem}.attribution-page>ul>li>a{font-weight:700;text-decoration:underline}.attribution-page>ul>li>a:hover{color:var(--color-orange)}.attribution-footer{margin-top:2rem;text-align:center}.collapsible-header{display:flex;align-items:center;gap:1rem;margin-top:1rem;padding:1rem;width:100%;background-color:var(--color-dark-gray)}.collapsible-header.closed{border-radius:.375rem;border:var(--color-like-white) solid .15rem;margin-bottom:1rem}.collapsible-header.open{border-top-right-radius:.375rem;border-top-left-radius:.375rem;border-top:var(--color-like-white) solid .15rem;border-right:var(--color-like-white) solid .15rem;border-left:var(--color-like-white) solid .15rem;border-bottom:var(--color-light-gray) solid .05rem}.collapsible-content{padding:0 .75rem .75rem;background-color:var(--color-dark-gray);border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem;border-bottom:var(--color-like-white) solid .15rem;border-right:var(--color-like-white) solid .15rem;border-left:var(--color-like-white) solid .15rem;margin-bottom:1rem}.game-over-summary{padding-top:1rem;padding-bottom:1rem}.player-summary{display:flex;gap:1rem;align-items:center;padding-top:1rem}.summary-avatar{width:5rem;height:5rem;flex-grow:1}.game-over-cluesheet{padding-top:1rem}.game-over-buttons{display:flex;justify-content:center}:root{--color-like-white: oklch(96.7% .001 286.375);--color-light-gray: oklch(70.5% .015 286.067);--color-gray: oklch(37% .013 285.805);--color-dark-gray: oklch( 27.4% .006 286.033 );--color-like-black: oklch(21% .006 285.885);--color-light-green: oklch(84.5% .143 164.978);--color-green: oklch(50.8% .118 165.612);--color-dark-green: oklch(37.8% .077 168.94);--color-light-dragon: oklch(81.1% .111 293.571);--color-dark-dragon: oklch(38% .189 293.745);--color-light-wyvern: oklch(82.7% .119 306.383);--color-dark-wyvern: oklch(38.1% .176 304.987);--color-light-hydra: oklch(83.3% .145 321.434);--color-dark-hydra: oklch(40.1% .17 325.612);--color-light-blue: oklch(67.3% .182 276.935);--color-dark-blue: oklch(35.9% .144 278.697);--color-rose: oklch(58.6% .253 17.585);--color-light-orange: oklch(83.7% .128 66.29);--color-orange: oklch(55.3% .195 38.402);--color-dark-orange: oklch(40.8% .123 38.172);--color-dark-yellow: oklch(55.4% .135 66.442);--color-dark-red: oklch(39.6% .141 25.723);--shadow-sm: drop-shadow(0 1px 1px var(--color-dark-gray));--shadow: drop-shadow(.25rem .25rem .25rem var(--color-dark-gray));--shadow-left: drop-shadow(-.25rem .25rem .25rem var(--color-dark-gray));--shadow-md: drop-shadow(0 4px 3px var(--color-dark-gray)) drop-shadow(0 2px 2px var(--color-dark-gray));font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:theme("borderColor.DEFAULT",currentColor)}hr{height:0;color:inherit;border-top-width:1px}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:theme("colors.gray.400",#9ca3af)}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}h1,h2,h3{font-family:Amarante,serif}h1{font-size:3.2em}h2{font-size:2em}h3{font-size:1.25em}body{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:var(--color-like-black);color:var(--color-like-white);place-items:center}.flex-wrapped-container{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem}.flex-centered-columns{display:flex;flex-direction:column;align-items:center}.flex-spaced-container{display:flex;justify-content:space-between}.center-element{place-items:center}.background-red{background-color:var(--color-dark-red)}.background-green{background-color:var(--color-dark-green)}.background-blue{background-color:var(--color-dark-blue)}.background-yellow{background-color:var(--color-dark-yellow)}.background-dragon{background-color:var(--color-dark-dragon)}.background-wyvern{background-color:var(--color-dark-wyvern)}.background-hydra{background-color:var(--color-dark-hydra)}.background-dragon-light{background-color:var(--color-light-dragon)}.background-wyvern-light{background-color:var(--color-light-wyvern)}.background-hydra-light{background-color:var(--color-light-hydra)}.background-default{background-color:var(--color-gray)}.page-padding{padding:2rem 1rem 1rem}.divider{color:var(--color-light-blue);margin-top:1rem;margin-bottom:1rem}.matches-list{display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem}.opponents-list{display:flex;flex-direction:row;align-items:center;justify-content:space-around;margin-bottom:1rem}.game-settings{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.attribution{text-decoration:underline}.attribution:hover{color:var(--color-orange)}header>h1{text-align:center;text-shadow:0px 1px 2px var(--color-like-black),0px 3px 2px var(--color-like-black),0px 4px 8px var(--color-like-black)}main{min-width:42rem;max-width:42rem;min-height:90vh;background-color:var(--color-dark-dragon);border-radius:.5rem;margin-top:-2.5rem}.animate-pulse{animation:pulse 3s cubic-bezier(.4,0,.6,1) infinite}.pause-animation:hover{animation-play-state:paused}@keyframes pulse{0%{opacity:100%}25%{opacity:50%}50%{opacity:100%}75%{opacity:50%}to{opacity:100%}}