: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: 1200px;--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%);--red-900: hsl(0, 90%, 20%);--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-display:fallback;font-family:AmiriRegular;font-style:normal;font-weight:400;src:url(/assets/amiri-v30-arabic-regular-BZc2J_Gd.woff2) format("woff2"),url(/assets/amiri-v30-arabic-regular-nT1jzmD5.ttf) format("truetype")}@font-face{font-display:fallback;font-family:GulzarRegular;font-style:normal;font-weight:400;src:url(/assets/gulzar-v14-arabic-regular-C8_rRXx3.woff2) format("woff2"),url(/assets/gulzar-v14-arabic-regular-C9H2sxmt.ttf) format("truetype")}@font-face{font-display:fallback;font-family:SpaceMono;font-style:normal;font-weight:700;src:url(/assets/space-mono-v17-latin-700-mWgeinG7.woff2) format("woff2"),url(/assets/space-mono-v17-latin-700-DpnI5uVn.ttf) format("truetype")}.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}}._customButton_7olzd_3{color:#000;cursor:pointer;padding-top:1vh;max-width:100%;max-height:100%;min-width:200px;background-color:#bcf58d;border:2px solid hsl(87,35%,30%);box-shadow:0 4px #0000004d,0 1px #0000004d,inset 0 3px #ffffffb3}@media screen and (max-width:1200px){._customButton_7olzd_3 ._customButton_7olzd_3{min-width:10px}}._customButton_7olzd_3:disabled{border:2px solid rgba(53,53,53,.6);background-color:#89898999;cursor:not-allowed}._buttonText_7olzd_35{font-size:1.4rem;font-family:AmiriRegular;padding-left:1vw;padding-right:1vw;margin:0}@media screen and (max-width:1200px){._customButton_7olzd_3{min-width:10px}._customButton_7olzd_3 ._buttonText_7olzd_35{font-size:1.25rem}}._mobileButtons_7olzd_57{display:flex;align-content:center;justify-content:center}._button-container_7olzd_63{display:flex;justify-content:center;align-items:center;max-width:100%;max-height:100%;min-width:0;min-height:0}.logo-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.logo{max-width:100%;max-height:100%}.home-container{position:relative;width:100vw;height:100vh;background-color:var(--background-500);overflow:hidden;display:grid;grid-template-columns:1fr 20% 1fr;grid-template-rows:30% 20% 1fr;align-items:center;justify-content:center;font-family:AmiriRegular,serif}@media screen and (max-width:1200px){.home-container{grid-template-columns:auto 1fr auto}}.home-logo{grid-row:2;grid-column:2;width:100%;height:100%;justify-self:center;align-self:center}.start-button{grid-row:3;grid-column:2;justify-self:center;align-self:start;margin-top:40px;min-width:120px;min-height:60px;transition:transform .3s ease}.game-page{width:100dvw;height:100dvh;display:flex;flex-direction:column;justify-content:space-between;align-content:center}@media screen and (max-width:1200px){.game-page{padding:.5rem}}.game-header{padding:1rem 2rem}.game-page .desktop-content{min-width:0;min-height:0;display:grid;grid-template-columns:7fr 3fr;gap:2rem;padding:0 2rem}@media screen and (max-width:1200px){.game-page .desktop-content{display:none}}.mobile-content{flex:1;display:grid;width:100%;height:100%;grid-template-rows:1fr auto;grid-template-columns:1fr;min-width:0;min-height:0}.mobile-content .game-image,.mobile-content .game-guessbox{display:flex;place-content:center center;grid-row:1;width:100%;height:100%}.mobile-content .game-slider{grid-row:2}.guess-button-container{display:flex;justify-content:center}.game-footer{text-align:center;display:flex;max-width:100%;max-height:100%;align-items:center;justify-content:center;font-family:SpaceMono}@media screen and (max-width:1200px){.game-footer{display:none}}.zoom-controls-box{position:absolute;bottom:1rem;left:1rem;display:flex;flex-direction:column;z-index:100;gap:.2rem;container-type:inline-size}.zoom-control-btn{border:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:.2rem;cursor:pointer;background-color:var(--background-500);border:2px solid black;padding:0;transition:transform .1s}.zoom-control-btn:active{transform:translateY(2px)}.zoom-control-icon{font-size:1.6rem;font-weight:700;color:#000;font-family:monospace;line-height:1;margin-top:-2px}.map-container{width:100%;height:100%;display:flex;position:relative;background-color:#faf9f6;border-radius:2px;box-sizing:border-box;border:2px solid hsl(33,26%,32%);background:#a48865;padding:.5rem;box-shadow:0 3px #0000001a,0 10px #0000001a}@media screen and (max-width:520px){.map-container{border:1px solid black;padding:.2rem}}.map{width:100%;height:100%;display:inline-block}.guess-box-container{width:100%;max-height:100%;aspect-ratio:1/1;display:flex;box-shadow:0 3px #0003,0 10px #0000001a}.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}.dots-wrapper{display:flex;width:100%;flex-direction:row;justify-content:center;gap:.5rem}.progress-display{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center}.progress-text{font-family:SpaceMono;font-size:1.2rem;text-align:center;letter-spacing:.2rem;text-indent:.2rem;width:100%;display:flex;justify-content:center}.dot{width:16px;height:16px;border-radius:50%;transition:all .2s ease-in-out}@media screen and (max-width:1200px){.dot{width:12px;height:12px;border:10px}}.dot.active{border:var(--green-900) solid 2px;background:var(--green-500);box-shadow:inset 0 2px #00000080}@media screen and (max-width:1200px){.dot.active{border:var(--green-900) solid 1px}}.dot.inactive{border:#2e2e2e solid 2px;background:#767676;box-shadow:inset 0 2px #000}@media screen and (max-width:1200px){.dot.inactive{border:#2e2e2e solid 1px}}.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:1200px){.score-text{display:none}}.score-number{font-size:clamp(1rem,2.5vh,3.5rem);font-family:SpaceMono;font-weight:700;color:#000;border-bottom:2px solid var(--red-500)}.site-header{width:100%;box-sizing:border-box;padding:1rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:2rem;text-align:center}@media screen and (max-width:520px){.site-header{padding:0}}.site-logo{justify-self:start;display:flex;align-items:center;min-width:0;max-width:100%}.site-logo .logo,.site-logo img,.site-logo svg{display:block;width:clamp(80px,15vw,80px);height:auto;object-fit:contain}.score-header{display:flex;flex-direction:column;align-items:center;justify-content:center;white-space:nowrap}.site-header h2{font-family:GulzarRegular;font-size:clamp(1rem,5vh,3.5rem);margin:0 0 .5rem}.score-badge{justify-self:end}@media screen and (max-width:1200px){.site-header h2{display:none}.site-logo .logo,.site-logo img{width:50px}}.progress-dots{display:flex;justify-content:center;gap:5px}.score-container{display:flex;width:100%;font-size:48px!important}.loading-screen{display:grid;place-self:center center}.slider-container{position:relative;display:flex;flex-direction:column;justify-content:center;text-align:center;width:90%;max-height:100%;min-width:0;place-self:center stretch;border-radius:1rem;padding:.5rem 0 2rem;font-family:SpaceMono}.slider-wrapper{padding-bottom:.75rem}.tick-markers{width:100%;display:flex;justify-content:space-between;padding:0 .5rem}.tick-markers p{display:flex;justify-content:center;font-size:clamp(.75rem,1vw,1rem);color:#555}.slider-text{padding:1rem 0;justify-self:center;font-size:clamp(1rem,3vh,1.65rem);font-weight:700}.slider{-webkit-appearance:none;appearance:none;width:100%;height:clamp(1rem,1.2vh,1.5rem);background:#faf9f6;border-radius:.2rem;border:2px solid rgb(71,71,71);box-shadow:inset 0 1px #0000001a,inset 0 4px #0000001a}@media screen and (max-width:1200px){.slider{border:1px solid rgb(71,71,71)}}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.2rem;height:clamp(2.2rem + .25rem,3vh + .25rem,3rem + .25rem);background:var(--red-500);box-shadow:inset 0 2px #ffffff4d,0 2px #0000001a,0 4px #0000001a;border-radius:.2rem;border:2px solid var(--red-900);cursor:ew-resize;position:relative;z-index:2}@media screen and (max-width:1200px){.slider::-webkit-slider-thumb{border:1px solid var(--red-900);width:1rem}}.slider::-moz-range-thumb{-webkit-appearance:none;appearance:none;width:1.2rem;height:clamp(2.2rem + .25rem,3vh + .25rem,3rem + .25rem);background:var(--red-500);box-shadow:inset 0 2px #ffffff4d,0 2px #0000001a,0 4px #0000001a;border-radius:.2rem;border:2px solid var(--red-900);cursor:ew-resize;position:relative;z-index:2}@media screen and (max-width:1200px){.slider::-moz-range-thumb{border:1px solid var(--red-900);width:1rem}}#storybook-root{height:100%;width:100%}.image-container{height:100%;width:100%;max-width:100%;display:flex;align-items:stretch;align-content:stretch;justify-content:center;border:2px solid hsl(33,26%,32%);background:#a48865;padding:.6rem;box-shadow:0 3px #0000001a,0 10px #0000001a;border-radius:2px;box-sizing:border-box}@media screen and (max-width:1200px){.image-container{padding:0}}.figure{grid-column:1;max-width:100%;max-height:100%;display:grid;grid-template-rows:auto auto;place-items:center center;align-items:stretch;align-content:stretch}@media screen and (max-width:1200px){.figure{align-items:stretch;align-content:stretch}}.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:#a48865;transition:transform .1s ease-out;transform-origin:0 0}.caption-container{height:100%;max-width:100%;display:block;padding:1rem;overflow:hidden;text-align:center;color:#000;font-size:1rem}@media screen and (max-width:1200px){.caption-container{padding:0;width:0;height:0}}.caption-wrapper{background-color:var(--background-500);width:100%;box-shadow:0 3px #0003,0 10px #0000001a;border-radius:.2rem;display:flex;justify-content:space-evenly;align-items:baseline}.caption-year{font-size:2rem;justify-self:start;font-weight:700;font-family:monospace}.caption-text{font-size:1rem;font-family:AmiriRegular}@media(max-width:1200px){.zoom-controls-box{display:none!important}}._wrapper_1cyzn_1{position:relative;width:100%;height:100%;overflow:hidden}._main_1cyzn_8{width:100%;height:100%;display:flex;flex-direction:column}._secondary_1cyzn_15{position:absolute;bottom:24px;right:24px;width:15%;min-width:70px;height:auto;aspect-ratio:1/1;cursor:pointer;z-index:10;background-color:#fff;box-shadow:0 4px 6px -1px #0000001a;border:2px solid white;border-radius:8px;overflow:hidden;transition:transform .2s ease}._secondary_1cyzn_15:hover{transform:scale(1.05)}._disabledContent_1cyzn_40{width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.results-page{width:100dvw;height:100dvh;display:flex;flex-direction:column;justify-content:space-between;align-content:center}@media screen and (max-width:1200px){.results-page{padding:.5rem}}.results-header{padding:1rem 2rem}.results-page .desktop-content{height:100%;min-width:0;min-height:0;display:grid;grid-template-columns:3fr 7fr;grid-template-rows:1fr auto;gap:2rem;padding:0 2rem;font-family:SpaceMono}.results-page .desktop-content .results-image{grid-column:2;grid-row:1/span 2}.results-page .desktop-content .results-content{grid-column:2;min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}@media screen and (max-width:1200px){.results-page .desktop-content .results-content{display:none}}.results-page .desktop-content .results-map-container{height:100%;grid-column:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.results-page .desktop-content .results-footer{place-self:end stretch;grid-column:1/span 2}@media screen and (max-width:1200px){.results-page .desktop-content{display:none}}.mobile-content{display:grid;width:100%;height:100%;grid-template-rows:2fr auto;min-width:0;min-height:0}.mobile-content .results-image,.mobile-content .results-map{display:flex;place-content:center center;grid-row:1;width:100%;height:100%}:is(.mobile-content .results-image,.mobile-content .results-map) .caption-container{display:grid;grid-template-columns:60% 40%;grid-template-rows:auto;align-items:center;height:fit-content;padding:1rem;gap:2rem;width:100%;font-size:1rem;color:#000}:is(.mobile-content .results-image,.mobile-content .results-map) .caption-container .caption-text{grid-row:2;justify-self:center}:is(.mobile-content .results-image,.mobile-content .results-map) .caption-container .caption-year{grid-row:1;justify-self:center}.mobile-content .results-data{width:100%;font-family:SpaceMono}.mobile-content .results-table{width:100%;display:flex;justify-content:stretch;align-items:baseline;padding-top:2rem;padding-bottom:2rem}.mobile-content .results-table tbody{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch}.mobile-content .results-table tr{width:100%;display:flex;flex-direction:row;justify-content:space-between;padding:.25rem 5% 0}.mobile-content .results-table tr:last-child td:last-of-type{border-bottom:2px var(--red-500) solid;font-weight:700}.mobile-content .next-round-button-container{justify-content:center;align-items:center;text-align:center}.mobile-content .next-round-button-container *{min-width:200px}@media screen and (min-width:1200px){.mobile-content{display:none}}.game-guessbox{height:100%;width:100%;min-width:0;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.mobile-guessbox{height:min-content;width:100%;min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:stetch;align-items:stretch}.mobile-guessbox button{width:100%;height:100%;padding:30px;display:flex;justify-content:center;align-items:center;text-decoration:none;border:none}.game-guessbox-container{height:100%;width:100%;min-width:0;min-height:0;grid-row:1;grid-column:1/span 2}.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}.site-footer{text-align:center;display:flex;max-width:100%;max-height:100%;align-items:center;justify-content:center}@media screen and (max-width:1200px){.site-footer{display:none}}.final-results-page{width:100dvw;height:100dvh;padding:3rem 2rem 0;display:flex;gap:1rem;flex-direction:column;justify-content:space-between;align-content:center;font-family:SpaceMono}@media screen and (max-width:1200px){.final-results-page{padding:.5rem}}.final-results-page .desktop-content{max-width:100%;height:100%;text-align:center;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}@media screen and (max-width:1200px){.final-results-page .desktop-content{display:none}}.final-results-page .mobile-content{max-width:100%;max-height:100%;text-align:center;justify-content:center;align-items:center}@media screen and (min-width:1200px){.final-results-page .mobile-content{display:none}}.final-results-page .score{font-weight:bolder;font-size:10rem;color:#000;text-decoration:underline var(--red-500)}.final-results-page .total-score-text{font-family:AmiriRegular}