@import"https://design-system.cdn.yle.fi/fonts/fonts.css";@font-face{font-family:Water Brush;font-style:normal;font-display:swap;font-weight:400;src:url(//plus.yle.fi/2023-12-historiallinen_presidenttipeli/assets/water-brush-vietnamese-400-normal-ec1e7a57.woff2) format("woff2"),url(//plus.yle.fi/2023-12-historiallinen_presidenttipeli/assets/water-brush-vietnamese-400-normal-6e9de1f7.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Water Brush;font-style:normal;font-display:swap;font-weight:400;src:url(//plus.yle.fi/2023-12-historiallinen_presidenttipeli/assets/water-brush-latin-ext-400-normal-a8eed717.woff2) format("woff2"),url(//plus.yle.fi/2023-12-historiallinen_presidenttipeli/assets/water-brush-latin-ext-400-normal-326700ff.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Water Brush;font-style:normal;font-display:swap;font-weight:400;src:url(//plus.yle.fi/2023-12-historiallinen_presidenttipeli/assets/water-brush-latin-400-normal-9b690c19.woff2) format("woff2"),url(//plus.yle.fi/2023-12-historiallinen_presidenttipeli/assets/water-brush-latin-400-normal-1f3dc00d.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\!container{width:100%!important}.container{width:100%}@media (min-width: 500px){.\!container{max-width:500px!important}.container{max-width:500px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-4{bottom:1rem}.bottom-\[-13px\]{bottom:-13px}.left-0{left:0}.left-1\/2,.left-\[50\%\]{left:50%}.right-0{right:0}.right-1\/2{right:50%}.right-4{right:1rem}.right-\[5\%\]{right:5%}.top-\[15\%\]{top:15%}.top-\[50\%\]{top:50%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.float-left{float:left}.m-0{margin:0}.m-4{margin:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-5{margin-bottom:1.25rem}.mt-4{margin-top:1rem}.flex{display:flex}.grid{display:grid}.aspect-square{aspect-ratio:1 / 1}.h-10{height:2.5rem}.h-8{height:2rem}.h-\[145px\]{height:145px}.h-\[150px\]{height:150px}.h-\[250px\]{height:250px}.h-\[27svh\]{height:27svh}.h-\[46px\]{height:46px}.h-\[80px\]{height:80px}.h-\[calc\(100svh-46px\)\]{height:calc(100svh - 46px)}.h-full{height:100%}.max-h-\[85vh\]{max-height:85vh}.min-h-\[100svh\]{min-height:100svh}.min-h-\[500px\]{min-height:500px}.w-10{width:2.5rem}.w-8{width:2rem}.w-\[112px\]{width:112px}.w-\[150px\]{width:150px}.w-\[180px\]{width:180px}.w-\[250px\]{width:250px}.w-\[260px\]{width:260px}.w-\[62px\]{width:62px}.w-\[80\%\]{width:80%}.w-\[90vw\]{width:90vw}.w-\[95\%\]{width:95%}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-\[250px\]{max-width:250px}.max-w-\[500px\]{max-width:500px}.basis-\[60\%\]{flex-basis:60%}.translate-x-\[-50\%\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.place-items-center{place-items:center}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-y-8{row-gap:2rem}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-y-scroll{overflow-y:scroll}.hyphens-manual{-webkit-hyphens:manual;hyphens:manual}.rounded{border-radius:.25rem}.rounded-\[6px\]{border-radius:6px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border-2{border-width:2px}.border-b-2{border-bottom-width:2px}.border-black{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/70{background-color:#000000b3}.bg-darkblue{--tw-bg-opacity: 1;background-color:rgb(12 19 52 / var(--tw-bg-opacity, 1))}.bg-gray-5{--tw-bg-opacity: 1;background-color:rgb(248 249 250 / var(--tw-bg-opacity, 1))}.bg-ink{--tw-bg-opacity: 1;background-color:rgb(1 3 11 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.fill-white{fill:#fff}.object-cover{-o-object-fit:cover;object-fit:cover}.object-\[30\%_50\%\]{-o-object-position:30% 50%;object-position:30% 50%}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-\[25px\]{padding:25px}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-brush{font-family:Water Brush,serif}.font-yle{font-family:Yle Next,sans-serif}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[15px\]{font-size:15px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-6{line-height:1.5rem}.leading-normal{line-height:1.5}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-gray-40{--tw-text-opacity: 1;color:rgb(180 182 183 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-40{opacity:.4}.shadow-\[hsl\(206_22\%_7\%_\/_35\%\)_0px_10px_38px_-10px\,_hsl\(206_22\%_7\%_\/_20\%\)_0px_10px_20px_-15px\]{--tw-shadow: hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px;--tw-shadow-colored: 0px 10px 38px -10px var(--tw-shadow-color), 0px 10px 20px -15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 0 16px 0 rgba(0, 0, 0, .7);--tw-shadow-colored: 0 0 16px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.oval-mask{position:relative;width:100%;height:auto;-webkit-mask-image:radial-gradient(ellipse at center,black 56%,transparent 57%);mask-image:radial-gradient(ellipse at center,black 56%,transparent 57%)}.oval-mask-sharp{position:relative;width:100%;height:auto;-webkit-mask-image:radial-gradient(ellipse at center,black 68%,transparent 69%);mask-image:radial-gradient(ellipse at center,black 68%,transparent 69%)}.description-scroller{scrollbar-width:none}.description-scroller:before{content:"";width:100%;height:250px;position:absolute;right:0;bottom:-5px;background:linear-gradient(transparent 150px,rgb(0,0,0) 100%);pointer-events:none}.description-scroller::-webkit-scrollbar{display:none}:where(.plus-app-2023-12-historiallinen_presidenttipeli){font-family:Yle Next,sans-serif}:where(.plus-app-2023-12-historiallinen_presidenttipeli) *,:where(.plus-app-2023-12-historiallinen_presidenttipeli) :before,:where(.plus-app-2023-12-historiallinen_presidenttipeli) :after{box-sizing:border-box;border-width:0;border-style:solid}:where(.plus-app-2023-12-historiallinen_presidenttipeli){line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;margin:0}:where(.plus-app-2023-12-historiallinen_presidenttipeli) hr{height:0;color:inherit;border-top-width:1px}:where(.plus-app-2023-12-historiallinen_presidenttipeli) abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(.plus-app-2023-12-historiallinen_presidenttipeli) h1,:where(.plus-app-2023-12-historiallinen_presidenttipeli) h2,:where(.plus-app-2023-12-historiallinen_presidenttipeli) h3,:where(.plus-app-2023-12-historiallinen_presidenttipeli) h4,:where(.plus-app-2023-12-historiallinen_presidenttipeli) h5,:where(.plus-app-2023-12-historiallinen_presidenttipeli) h6{font-size:inherit;font-weight:inherit}:where(.plus-app-2023-12-historiallinen_presidenttipeli) a{color:inherit;text-decoration:inherit}:where(.plus-app-2023-12-historiallinen_presidenttipeli) b,:where(.plus-app-2023-12-historiallinen_presidenttipeli) strong{font-weight:700}:where(.plus-app-2023-12-historiallinen_presidenttipeli) small{font-size:80%}:where(.plus-app-2023-12-historiallinen_presidenttipeli) sub,:where(.plus-app-2023-12-historiallinen_presidenttipeli) sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}:where(.plus-app-2023-12-historiallinen_presidenttipeli) sub{bottom:-.25em}:where(.plus-app-2023-12-historiallinen_presidenttipeli) sup{top:-.5em}:where(.plus-app-2023-12-historiallinen_presidenttipeli) table{text-indent:0;border-color:inherit;border-collapse:collapse}:where(.plus-app-2023-12-historiallinen_presidenttipeli) button,:where(.plus-app-2023-12-historiallinen_presidenttipeli) input,:where(.plus-app-2023-12-historiallinen_presidenttipeli) optgroup,:where(.plus-app-2023-12-historiallinen_presidenttipeli) select,:where(.plus-app-2023-12-historiallinen_presidenttipeli) textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0}:where(.plus-app-2023-12-historiallinen_presidenttipeli) button,:where(.plus-app-2023-12-historiallinen_presidenttipeli) select{text-transform:none}:where(.plus-app-2023-12-historiallinen_presidenttipeli) :-moz-focusring{outline:auto}:where(.plus-app-2023-12-historiallinen_presidenttipeli) :-moz-ui-invalid{box-shadow:none}:where(.plus-app-2023-12-historiallinen_presidenttipeli) progress{vertical-align:baseline}:where(.plus-app-2023-12-historiallinen_presidenttipeli) ::-webkit-inner-spin-button,:where(.plus-app-2023-12-historiallinen_presidenttipeli) ::-webkit-outer-spin-button{height:auto}:where(.plus-app-2023-12-historiallinen_presidenttipeli) [type=search]{outline-offset:-2px}:where(.plus-app-2023-12-historiallinen_presidenttipeli) ::-webkit-search-decoration{-webkit-appearance:none}:where(.plus-app-2023-12-historiallinen_presidenttipeli) ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(.plus-app-2023-12-historiallinen_presidenttipeli) summary{display:list-item}:where(.plus-app-2023-12-historiallinen_presidenttipeli) blockquote,:where(.plus-app-2023-12-historiallinen_presidenttipeli) dl,:where(.plus-app-2023-12-historiallinen_presidenttipeli) dd,:where(.plus-app-2023-12-historiallinen_presidenttipeli) h1,:where(.plus-app-2023-12-historiallinen_presidenttipeli) h2,:where(.plus-app-2023-12-historiallinen_presidenttipeli) h3,:where(.plus-app-2023-12-historiallinen_presidenttipeli) h4,:where(.plus-app-2023-12-historiallinen_presidenttipeli) h5,:where(.plus-app-2023-12-historiallinen_presidenttipeli) h6,:where(.plus-app-2023-12-historiallinen_presidenttipeli) hr,:where(.plus-app-2023-12-historiallinen_presidenttipeli) figure,:where(.plus-app-2023-12-historiallinen_presidenttipeli) p,:where(.plus-app-2023-12-historiallinen_presidenttipeli) pre{margin:0}:where(.plus-app-2023-12-historiallinen_presidenttipeli) fieldset{margin:0;padding:0}:where(.plus-app-2023-12-historiallinen_presidenttipeli) legend{padding:0}:where(.plus-app-2023-12-historiallinen_presidenttipeli) ol,:where(.plus-app-2023-12-historiallinen_presidenttipeli) ul,:where(.plus-app-2023-12-historiallinen_presidenttipeli) menu{list-style:none;margin:0;padding:0}:where(.plus-app-2023-12-historiallinen_presidenttipeli) textarea{resize:vertical}:where(.plus-app-2023-12-historiallinen_presidenttipeli) button,:where(.plus-app-2023-12-historiallinen_presidenttipeli) [role=button]{cursor:pointer}:where(.plus-app-2023-12-historiallinen_presidenttipeli) :disabled{cursor:default}:where(.plus-app-2023-12-historiallinen_presidenttipeli) img,:where(.plus-app-2023-12-historiallinen_presidenttipeli) svg,:where(.plus-app-2023-12-historiallinen_presidenttipeli) video,:where(.plus-app-2023-12-historiallinen_presidenttipeli) canvas,:where(.plus-app-2023-12-historiallinen_presidenttipeli) audio,:where(.plus-app-2023-12-historiallinen_presidenttipeli) iframe,:where(.plus-app-2023-12-historiallinen_presidenttipeli) embed,:where(.plus-app-2023-12-historiallinen_presidenttipeli) object{display:block;vertical-align:middle}:where(.plus-app-2023-12-historiallinen_presidenttipeli) img,:where(.plus-app-2023-12-historiallinen_presidenttipeli) video{max-width:100%;height:auto}:where(.plus-app-2023-12-historiallinen_presidenttipeli) [hidden]{display:none}@media (hover: hover) and (pointer: fine){.hover\:bg-darkblue\/50:hover{background-color:#0c133480}.hover\:bg-gray-10:hover{--tw-bg-opacity: 1;background-color:rgb(241 242 244 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-80:hover{--tw-bg-opacity: 1;background-color:rgb(41 43 45 / var(--tw-bg-opacity, 1))}}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.data-\[state\=open\]\:animate-content-show[data-state=open]{animation:contentShow .15s cubic-bezier(.16,1,.3,1)}.data-\[state\=open\]\:animate-overlay-show[data-state=open]{animation:overlayShow .15s cubic-bezier(.16,1,.3,1)}@keyframes slideup{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.data-\[state\=open\]\:data-\[side\=bottom\]\:animate-slideup[data-side=bottom][data-state=open]{animation:slideup .4s cubic-bezier(.16,1,.3,1)}@keyframes slideright{0%{opacity:0;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}.data-\[state\=open\]\:data-\[side\=left\]\:animate-slideright[data-side=left][data-state=open]{animation:slideright .4s cubic-bezier(.16,1,.3,1)}@keyframes slideleft{0%{opacity:0;transform:translate(2px)}to{opacity:1;transform:translate(0)}}.data-\[state\=open\]\:data-\[side\=right\]\:animate-slideleft[data-side=right][data-state=open]{animation:slideleft .4s cubic-bezier(.16,1,.3,1)}@keyframes slidedown{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.data-\[state\=open\]\:data-\[side\=top\]\:animate-slidedown[data-side=top][data-state=open]{animation:slidedown .4s cubic-bezier(.16,1,.3,1)}.\[\&\>ul\]\:list-none>ul{list-style-type:none}.\[\&\>ul\]\:p-0>ul{padding:0}