:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#1a1a1a;background-color:var(--background-300);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--mobile-max-width: 520px;--desktop-min-width: 521px;--gray-500: hsl(0, 100, 50%);--background-900: hsl(44, 70%, 70%);--background-700: hsl(44, 70%, 80%);--background-500: hsl(44, 70%, 94%);--background-300: hsl(44, 70%, 96%);--brown-900: hsl(34, 49%, 20%);--brown-700: hsl(34, 49%, 40%);--brown-500: hsl(34, 49%, 60%);--brown-300: hsl(34, 49%, 80%);--red-500: hsl(0, 97%, 66%);--red-700: hsl(0, 97%, 46%);--green-300: hsl(93, 84%, 90%);--green-500: hsl(93, 84%, 76%);--green-700: hsl(93, 69%, 54%);--green-900: hsl(93, 69%, 25%);width:100dvw;height:100dvh}*{margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}@font-face{font-family:AmiriRegular;src:url(/assets/Amiri-Bold-J58A8tAH.ttf)}@font-face{font-family:GulzarRegular;src:url(/assets/Gulzar-Regular-D-5dtSL4.ttf)}.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{width:100%;height:100%;display:grid;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-sizing:border-box;grid-template-columns:auto;grid-template-rows:auto}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}}.home-title{font-family:GulzarRegular,sans;font-size:42px;text-decoration:none;color:#000}@media screen and (max-width:520px){.home-title{font-size:42px;justify-self:start}}.home-container{position:relative;width:100vw;height:100vh;background-color:var(--background-500);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:AmiriRegular,serif}.home-content{text-align:center;z-index:10}.start-button{margin-top:40px;transition:transform .3s ease}.game-page{width:100dvw;height:100dvh;padding:3rem 2rem 0;display:flex;gap:2rem;flex-direction:column;justify-content:space-between;align-content:center}@media screen and (max-width:520px){.game-page{padding:1rem}}.game-content{min-width:0;min-height:0;display:grid;grid-template-columns:7fr 3fr;gap:2rem}@media screen and (max-width:520px){.game-content{display:flex;flex-direction:column}}.game-guessbox{height:100%;width:100%;min-width:0;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto}@media screen and (max-width:520px){.game-guessbox{display:none;flex-direction:column}}.game-guessbox-container{height:100%;width:100%;min-width:0;min-height:0;grid-row:1;grid-column:1/span 2}@media screen and (max-width:520px){.game-guessbox-container{display:none;flex-direction:column}}.game-image{width:100%;height:100%;min-width:0;min-height:0}.game-slider{width:100%;height:100%;grid-row:2;grid-column:1/span 2;display:flex;flex-direction:column}.game-footer{text-align:center;display:flex;max-width:100%;max-height:100%;align-items:center;justify-content:center}.map-container{width:100%;height:100%;display:flex;background-color:#faf9f6;box-shadow:0 1px 3px #0003,0 10px 20px #0000001a;border-radius:2px;box-sizing:border-box}.map{width:100%;height:100%;display:inline-block}.guess-box-container{max-width:100%;max-height:100%;aspect-ratio:1/1;display:flex}.site-footer{display:flex;min-width:none;min-height:none;align-content:center;justify-content:center;align-self:center;text-align:center;color:#8c7b73;padding:20px}.progress-dots{display:flex;gap:8px;justify-content:center;padding-top:10px}.progress-display{display:flex;flex-direction:column}.progress-text{color:#000;font-family:monospace;width:100%}@media screen and (max-width:520px){.progress-dots{gap:6px}.progress-text{font-size:16px;padding-top:4px}}@media screen and not (max-width:520px){.progress-dots{gap:8px}.progress-text{font-size:18px}}.dot{width:16px;height:16px;border-radius:50%;box-shadow:0 1px 3px #0003;transition:all .2s ease-in-out}.dot.active{border:var(--green-900) solid 2px;background:radial-gradient(circle at 50% 50%,var(--green-300),var(--green-500),var(--green-700));box-shadow:0 0 2px #0006}.dot.inactive{border:#444 solid 1px;background:radial-gradient(circle at 30% 30%,#999,#767676)}.dot.inactive{background-color:#767676;border:none;box-shadow:inset 1px 1px 3px #0006}@media screen and (max-width:520px){.dot{width:12px;height:12px}}.score-container{font-family:GulzarRegular,serif;display:flex;flex-direction:row-reverse;align-items:baseline;gap:.5rem;line-height:1;white-space:nowrap}.score-text{font-size:clamp(1rem,2.5vh,3rem);color:#000}@media screen and (max-width:520px){.score-text{display:none}}.score-number{font-size:clamp(1rem,2.5vh,3.5rem);font-family:monospace;font-weight:700;color:#000;border-bottom:2px solid var(--red-500)}.site-header{width:100%;height:100%;display:flex;align-items:baseline;justify-content:space-between;font-size:2rem;text-align:center}.site-header h2{font-family:GulzarRegular;font-size:clamp(1rem,5vh,3.5rem)}@media screen and (max-width:520px){.site-header h2{display:none}}.site-header h1{padding-left:1rem;font-size:clamp(1rem,2.5vh,3.5rem)}.site-header *{align-self:baseline}.score-container{display:flex;font-size:48px!important}.loading-screen{display:grid;place-self:center center}.mobile-buttons{display:flex;align-content:center;justify-content:center}.button-container{display:flex;justify-content:center;max-width:100%;max-height:100%;min-width:0;min-height:0}.guess-button{color:#000;cursor:pointer;border:none;padding-top:1vh;max-width:100%;max-height:100%}.guess-button:enabled{background-color:#bcf58d;box-shadow:0 2px 2px #496032}.guess-button:disabled{background-color:#767676;box-shadow:0 2px 2px #313131;cursor:not-allowed}.guess-button p{font-size:2vh;font-family:AmiriRegular;padding-left:1vw;padding-right:1vw}.toggle-button{cursor:pointer;border:none;padding-top:.5rem;color:#000}.toggle-button p{font-size:1.5rem;font-family:AmiriRegular;padding:0 .75rem}.toggle-button:enabled{background-color:#bcf58d;box-shadow:0 2px 2px #496032}.toggle-button:disabled{background-color:#767676;box-shadow:0 2px 2px #313131;cursor:not-allowed}@media screen and (max-width:520px){button{padding:5px}button p{font-size:1.25rem!important}}.slider-container{position:relative;display:flex;flex-direction:column;justify-content:center;text-align:center;max-width:100%;max-height:100%;min-width:0;border-radius:1rem;padding-bottom:.75rem}.tick-markers{width:100%;display:flex;justify-content:space-between;padding:0 .5rem}.tick-markers p{width:0;display:flex;justify-content:center;white-space:nowrap;font-size:clamp(.75rem,1vw,1rem);padding-top:.5rem;color:#555}.slider-text{padding:1rem 0;justify-self:center;font-family:monospace;font-size:clamp(1rem,3vh,1.65rem);font-weight:700}.slider{-webkit-appearance:none;appearance:none;width:100%;height:clamp(1.2rem,2vh,2.5rem);background:#faf9f6;border-radius:.2rem;box-shadow:inset 0 2px 10px #00000080;background-image:repeating-linear-gradient(90deg,transparent,transparent 1%,#787878 1.2%,transparent 1.4%)}@media screen and (max-width:1040px){.slider{background-image:repeating-linear-gradient(90deg,transparent,transparent 1%,#787878 1.4%,transparent 1.8%)}}@media screen and (max-width:520px){.slider{background-image:repeating-linear-gradient(90deg,transparent,transparent 1%,#787878 1.5%,transparent 2%)}}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.75rem;height:clamp(1rem,5vh,2.5rem);background:var(--red-500);box-shadow:inset 0 .5rem .5rem #ffadad99;border-radius:.1rem;border:.1rem solid rgb(72,17,1);cursor:ew-resize;position:relative;z-index:2}.slider::-moz-range-thumb{width:.75rem;height:clamp(1rem,5vh,2.5rem);background:var(--red-500);box-shadow:inset 0 .5rem .5rem #ffadad99;border-radius:2px;border:.1rem solid rgb(72,17,1);cursor:ew-resize;position:relative;z-index:2}#storybook-root{height:100%;width:100%}.image-container{max-width:100%;max-height:100%;display:flex;background-color:#faf9f6;padding:1rem;box-shadow:0 1px 3px #0003,0 10px 20px #0000001a;border-radius:2px;box-sizing:border-box}@media screen and (max-width:520px){.image-container{padding:0}}.figure{grid-column:1;max-width:100%;max-height:100%;display:grid;grid-template-rows:auto 4rem;place-items:center center;display:block;align-items:center}@media screen and (max-width:520px){.figure{display:block;align-items:center}}.zoom-container{max-height:100%;max-width:100%;display:flex;justify-content:center;overflow:hidden;position:relative}.zoom-container.is-dragging{cursor:grabbing}.zoom-image{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;background:#70644d;transition:transform .1s ease-out;transform-origin:0 0}.caption-container{max-height:100%;max-width:100%;display:flex;align-items:baseline;justify-content:center;padding-top:1rem;overflow:hidden;text-align:center;color:#000;font-size:1rem}@media screen and (max-width:520px){.caption-container{padding:0;width:0;height:0}}.caption-year{font-size:2rem;padding-right:2rem;justify-self:start;font-weight:700;font-family:monospace}.caption-text{font-size:1rem;font-family:AmiriRegular}.results-page{width:100dvw;height:100dvh;padding:3rem 2rem 0;display:flex;gap:2rem;flex-direction:column;justify-content:space-between;align-content:center}@media screen and (max-width:520px){.results-page{padding:1rem}}.results-layout{height:100%;width:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.results-map-container{max-width:100%;max-height:100%;padding:2rem;min-width:0;min-height:0;grid-column:1;grid-row:1}.results-image{max-width:100%;max-height:100%;min-width:0;min-height:0;grid-row:1 / span 2;grid-column:2}.results-data{padding:2rem;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;grid-row:2;grid-column:1}.results-table{font-weight:700;font-size:4rem;display:flex;justify-content:center}.result-label{font-family:GulzarRegular}.result-value{border-bottom:green 4px solid}