/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-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}summary{display:list-item}@font-face{font-family:Libre Franklin;src:url(/fonts/LibreFranklin-Light.woff2) format("woff2"),url(/fonts/LibreFranklin-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Libre Franklin;src:url(/fonts/LibreFranklin-Regular.woff2) format("woff2"),url(/fonts/LibreFranklin-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Libre Franklin;src:url(/fonts/LibreFranklin-SemiBold.woff2) format("woff2"),url(/fonts/LibreFranklin-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Libre Franklin;src:url(/fonts/LibreFranklin-Black.woff2) format("woff2"),url(/fonts/LibreFranklin-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}:root{--bg: #f9f9f9;--sec-bg: #fcfcfc;--outline: #ebebeb;--card-outline: white;--text: #8d8d8d;--text-body: #555555;--link-hover: black;--shadow: 0 2px 6px rgba(0, 0, 0, .05);--overlay-bg: #0008}body,#root{position:relative}body{min-height:100svh;background-color:var(--bg);color:var(--text);font-family:Libre Franklin,sans-serif;font-weight:300}a{color:inherit}a:hover{color:var(--link-hover)}.app{display:grid;grid-template-rows:min-content min-content 1fr;height:100svh;padding:1rem 1rem 0;gap:1rem;max-width:600px;margin:0 auto}header{padding:.5rem;border-radius:8px;border:1px solid var(--outline);background-color:var(--sec-bg);box-shadow:var(--shadow)}h1{margin:0;text-align:center;font-weight:600;font-size:1.75rem}.pride-title{letter-spacing:.3rem;font-size:2.5rem;font-weight:900;-webkit-text-stroke:1.5px white;text-shadow:0 2px 6px rgba(0,0,0,.15)}.pride-title .p{color:#e22116}.pride-title .r{color:#eade30}.pride-title .i{color:#79b82a}.pride-title .d{color:#2d58a5}.pride-title .e{color:#6e2380}@media only screen and (orientation: landscape){.app{grid-template-columns:3fr 2fr;grid-template-rows:min-content 1fr;height:100vh;max-width:1440px}header{grid-column:span 2}}.game{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);gap:.5rem;align-content:center;justify-content:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (orientation: landscape){.game{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,min-content);gap:.5rem}}:root{--card-bg-color: var(--sec-bg, white)}.card-container{perspective:1000px}.card{width:100%;aspect-ratio:3 / 2;position:relative;transform-style:preserve-3d;transition:transform .8s ease}.card.is-flipped{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;box-shadow:var(--shadow);border:3px solid var(--card-outline);border-radius:8px;overflow:hidden}.card-front{background-color:var(--card-bg-color)}.card-front svg{fill:var(--outline)}.card-back{transform:rotateY(180deg)}.card-back img{width:100%;height:100%;object-fit:cover;object-position:left}.legend{flex:1;display:flex;flex-direction:column;border-radius:8px 8px 0 0;border:1px solid var(--outline);border-bottom:none;background-color:var(--sec-bg);box-shadow:var(--shadow)}.legend::-webkit-scrollbar{width:8px}.legend::-webkit-scrollbar-track{background:transparent;border-radius:8px}.legend::-webkit-scrollbar-thumb{background-color:var(--outline);border-radius:8px;border:2px solid transparent;background-clip:padding-box}.legend .count{padding:.5rem;text-align:center;font-size:.75rem}.legend .content{flex:1;display:flex;flex-direction:column}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1rem 0;color:var(--text)}.empty-state p{margin:0}.empty-state svg{width:25%;fill:var(--text)}.notes-on-use{padding:1rem;flex:1;display:flex;flex-direction:column;gap:.5rem;justify-content:flex-end;font-size:.75rem;line-height:150%}.notes-on-use p{margin:0}.legend .signature{font-size:.75rem;text-align:center;padding:.5rem}@media only screen and (orientation: landscape){.legend{overflow-y:auto}}.single-legend{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-top:1px solid var(--outline);color:var(--text-body)}.single-legend:nth-last-child(2){border-bottom:1px solid var(--outline)}.single-legend .heading{display:flex;align-items:center;gap:1rem}.single-legend .heading h2{flex:1;font-size:1rem;font-weight:400}.single-legend .heading img{aspect-ratio:3 / 2;width:30%;object-fit:cover;object-position:left;border-radius:8px}.single-legend .heading .arrow{width:40px;line-height:0;transition:transform .5s ease}.single-legend svg{fill:var(--text-body)}.single-legend .heading .arrow.open{transform:rotate(-180deg)}.single-legend .description{font-size:.75rem;line-height:150%;display:flex;flex-direction:column;gap:.5rem}.single-legend .description p{margin:0}.single-legend .link{display:flex;flex-direction:column;gap:.5rem;font-size:.75rem;color:var(--text)}.single-legend .link a{max-width:max-content}.single-legend .link p{margin:0;padding:0;font-style:italic}.overlay{position:absolute;z-index:1;width:100vw;height:100vh;left:0;top:0;background:var(--overlay-bg)}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;max-width:80vw;background-color:var(--sec-bg);border:1px solid var(--outline);border-radius:8px;padding:1rem 2rem;display:flex;flex-direction:column;gap:1rem;align-items:center}.modal>*{margin:0}.modal p{line-height:150%}.modal h2{font-size:1.25rem;font-weight:600;text-align:center}.modal button{appearance:none;border:none;background:var(--text);color:var(--sec-bg);padding:.5rem 1rem;border-radius:4px;font-weight:300}.modal button:hover{background-color:var(--text-body)}