:root{--sndp-color-common-white: #ffffff;--sndp-color-brand-hs-night-blue: #00194c;--sndp-color-brand-hs-gray-80: #f8f8f8;--sndp-color-brand-hs-gray-70: #ececee;--sndp-color-brand-hs-gray-60: #cdcdcd;--sndp-color-brand-hs-gray-50: #999999;--sndp-color-brand-hs-gray-40: #6f6f6f;--sndp-color-brand-hs-gray-30: #484848;--sndp-color-brand-hs-gray-20: #2b2b2b;--sndp-color-brand-hs-gray-10: #191919;--sndp-font-brand-hs-helsingin: "Helsingin", "Helvetica", "Arial", sans-serif;--sndp-font-brand-hs-banner: "Sanomat Banner", "Georgia", "Baskerville", serif;--sndp-font-line-height-normal: 1.2;--sndp-font-weight-bold: 700;--sndp-font-weight-medium: 500;--sndp-font-weight-normal: 400;--sndp-font-size-12: .75rem;--sndp-font-size-14: .875rem;--sndp-font-size-16: 1rem;--sndp-font-size-18: 1.125rem;--sndp-font-size-20: 1.25rem;--sndp-font-size-22: 1.375rem;--sndp-font-size-24: 1.5rem;--sndp-font-size-26: 1.625rem;--sndp-font-size-28: 1.75rem;--sndp-font-size-32: 2rem;--sndp-font-size-44: 2.75rem;--sndp-button-padding-left: 1rem;--sndp-button-padding-right: 1rem;--sndp-button-size-large-height: 50px;--sndp-button-size-large-padding-left: 1.5rem;--sndp-button-size-large-padding-right: 1.5rem;--sndp-button-size-medium-height: 42px;--sndp-button-size-medium-min-width: 110px;--sndp-button-size-medium-padding-left: 1.5rem;--sndp-button-size-medium-padding-right: 1.5rem;--sndp-button-size-medium-font-weight: 500;--sndp-button-size-medium-font-size: 1rem;--sndp-button-size-medium-font-line-height: 1.15;--sndp-button-size-small-height: 32px;--sndp-button-size-small-min-width: 100px;--sndp-button-size-small-font-weight: 500;--sndp-button-size-small-font-size: .875rem;--sndp-space-size-200: .25rem;--sndp-space-size-250: .375rem;--sndp-space-size-300: .5rem;--sndp-space-size-600: 1.5rem}:root.sndp-dark{--sndp-color-common-white: #ffffff;--sndp-color-brand-hs-night-blue: #00427a;--sndp-color-brand-hs-gray-80: #000000;--sndp-color-brand-hs-gray-70: #191919;--sndp-color-brand-hs-gray-60: #333333;--sndp-color-brand-hs-gray-50: #404040;--sndp-color-brand-hs-gray-40: #999999;--sndp-color-brand-hs-gray-30: #cdcdcd;--sndp-color-brand-hs-gray-20: #f8f8f8;--sndp-color-brand-hs-gray-10: #ffffff}:root #game-body{--main-color-dark: #6f89fb;--main-color-medium: #ccd8ff;--main-color-light: #e6ebff;--secondary-color-dark: #000000;--secondary-color-dark-hover: #484848;--secondary-color-light: #ffffff;--secondary-color-light-hover: var(--main-color-light);--text-inverted-color: var(--sndp-color-common-white);--main-text-color: var(--sndp-color-brand-hs-gray-10);--game-statistics-bg-color: rgb(249, 249, 249);--text-link-color: var(--main-color-dark);--ui-tour-textcolor: var(--sndp-color-brand-hs-gray-10);--letter-used-bg: white;--letter-used-border: var(--sndp-color-brand-hs-gray-50);--letter-current-bg: var(--main-color-dark);--letter-solved-bg: var(--main-color-medium);--letter-solved-border: white;--letter-current-solvable-border: var(--main-color-dark);--letter-border-color: var(--hs-gray-60-light, #cdcdcd);--wordpyramid-letter-bg: white;--ui-tour-counter: var(--sndp-color-brand-hs-gray-40);--bw-color-dark: var(--sndp-color-brand-hs-gray-10-light);--bw-color-medium: var(--sndp-color-brand-hs-gray-70);--bw-color-light: var(--sndp-color-brand-hs-gray-80);--text-primary-color: var(--main-text-color);--background-color: var(--sndp-color-common-white);--start-screen-background-color: white;--message-color: var(--main-text-color);--inactive-gray: var(--sndp-color-brand-hs-gray-60);--input-color: var(--sndp-color-brand-hs-gray-50);--hs-logo-main: var(--secondary-color-dark);--loader-color: var(--secondary-color-dark);--tile-color-default: var(--sndp-color-brand-hs-gray-70);--tile-color-chosen: var(--main-color-medium);--tile-border-chosen: var(--main-color-dark);--tile-border-hint: var(--main-color-dark);--highlighted-button-color: var(--main-color-medium);--logo-dark-color: black;--tooltip-text-color: var(--main-text-color);--tooltip-background-color: var(--main-color-light);--icon-action-button-color: var(--main-color-dark);--disabled-button-color: #6f6f6f;--text-light-grey: #999999;--min-container-height: 100vh;--letter-box-size: 50px;--column-gap: 5px;--row-gap: 5px}@media screen and (max-width:500px){:root #game-body{--letter-box-size: 45px;--column-gap: 4px;--row-gap: 4px}}@media screen and (max-width:450px){:root #game-body{--letter-box-size: 43px;--column-gap: 4px;--row-gap: 4px}}@media screen and (max-width:400px){:root #game-body{--letter-box-size: 40px;--column-gap: 4px;--row-gap: 4px}}@media screen and (max-width:360px){:root #game-body{--letter-box-size: 38px;--column-gap: 3px;--row-gap: 4px}}@media screen and (max-width:300px){:root #game-body{--letter-box-size: 35px;--column-gap: 3px;--row-gap: 3px}}:root.sndp-dark #game-body{--main-color-dark: #6f89fb;--main-color-medium: #a3b8ff;--main-color-light: #e6ebff;--secondary-color-dark: #ffffff;--secondary-color-dark-hover: #ccd8ff;--secondary-color-light: black;--secondary-color-light-hover: #484848;--text-inverted-color: #000000;--text-link-color: white;--game-statistics-bg-color: rgb(29, 29, 29);--bw-color-dark: white;--bw-color-medium: var(--sndp-color-brand-hs-gray-50);--bw-color-light: var(--sndp-color-brand-hs-gray-60);--background-color: var(--sndp-color-brand-hs-gray-80);--start-screen-background-color: var(--sndp-color-brand-hs-gray-80);--text-primary-color: var(--sndp-color-common-white);--message-color: var(--sndp-color-brand-hs-gray-50);--inactive-gray: var(--sndp-color-brand-hs-gray-60);--input-color: var(--sndp-color-brand-hs-gray-50);--hs-logo-main: white;--loader-color: white;--tile-color-default: #404040;--tile-color-chosen: var(--main-color-dark);--tile-border-chosen: white;--tile-border-hint: var(--main-color-dark);--highlighted-button-color: var(--main-color-dark);--logo-dark-color: var(--sndp-color-brand-hs-gray-80);--tooltip-text-color: var(--sndp-color-brand-hs-gray-80);--tooltip-background-color: var(--main-color-light);--icon-action-button-color: white;--disabled-button-color: #6f6f6f;--text-light-grey: #ffffff;--ui-tour-textcolor: var(--text-inverted-color);--letter-used-bg: black;--letter-used-border: var(--sndp-color-brand-hs-gray-20);--letter-current-bg: var(--main-color-dark);--letter-solved-bg: var(--main-color-medium);--letter-solved-border: white;--letter-current-solvable-border: var(--main-color-dark);--letter-border-color: var(--sndp-color-brand-hs-gray-40, #999);--wordpyramid-letter-bg: black;--ui-tour-counter: var(--sndp-color-brand-hs-gray-50)}:root #game-body.in-article .hs-app{--min-container-height: calc(100vh - 80px) }:root #game-body.in-article.ios .hs-app{--min-container-height: calc(100vh - var(--sndp-safe-area-inset-top) - var(--sndp-safe-area-inset-bottom))}:root #game-body.in-article.android .hs-app{--min-container-height: calc(100vh - var(--sndp-safe-area-inset-top) - var(--sndp-safe-area-inset-bottom))}.in-article .hs-app{padding-top:80px}.in-article.ios .hs-app,.in-article.android .hs-app{padding-top:var(--sndp-safe-area-inset-top);padding-bottom:var(--sndp-safe-area-inset-bottom)}.sndp-dark #game-body .button.secondary{color:#fff;border-color:#fff}.sndp-dark #game-body .text.link{color:var(--text-primary-color)}#game-body.in-article .hs-app .game-area{min-height:calc(100vh - 80px)}#game-body{z-index:0;position:relative;width:100%;height:100%}#game-body *{touch-action:manipulation}#game-body body,#game-body h1,#game-body h2,#game-body h3,#game-body h4,#game-body p{margin:0}#game-body .w-full{width:100%}#game-body .h-full{height:100%}#game-body .sanajuuri-header{flex:0 1 auto}#game-body .grid{display:grid}#game-body .default-background{background-color:var(--background-color);width:100%}#game-body .overscroll-contain{overscroll-behavior:contain}#game-body a.button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-decoration:none}#game-body .letter{width:var(--letter-box-size);height:var(--letter-box-size);cursor:pointer}#game-body .word{gap:var(--column-gap)}#game-body .words{gap:var(--row-gap)}#game-body .button{display:flex;height:42px;justify-content:center;align-items:center;gap:16px;min-width:var(--sndp-button-size-medium-min-width);padding:var(--sndp-space-size-600, 24px);font-family:var(--sndp-font-brand-hs-helsingin);font-weight:500;font-size:16px;font-feature-settings:"liga" off,"clig" off;text-align:center;line-height:18.4px;border:1px solid;border-radius:9999px;padding-top:var(--sndp-space-size-300);padding-bottom:var(--sndp-space-size-300);margin-bottom:var(--sndp-space-size-300);margin-right:var(--sndp-space-size-200);outline-style:none;cursor:pointer;margin:0}#game-body .button.large{height:var(--sndp-button-size-large-height);min-width:95px;padding-left:var(--sndp-button-size-large-padding-left);padding-right:var(--sndp-button-size-large-padding-right);font-family:var(--sndp-font-brand-hs-helsingin);font-weight:var(--sndp-button-size-medium-font-weight);font-size:var(--sndp-font-size-18);line-height:var(--sndp-button-size-medium-font-line-height)}#game-body .button.small{height:var(--sndp-button-size-small-height);min-width:var(--sndp-button-size-small-min-width);padding-left:var(--sndp-button-padding-left);padding-right:var(--sndp-button-padding-right)}#game-body .button.primary{background-color:var(--secondary-color-dark)}#game-body .button.primary:hover{background-color:var(--secondary-color-dark-hover)}#game-body .button.primary{color:var(--text-inverted-color);border:none}#game-body .button.primary svg{fill:var(--text-inverted-color)}#game-body .button.primary svg path{fill:var(--text-inverted-color)}#game-body .button.secondary{background-color:var(--secondary-color-light)}#game-body .button.secondary:hover{background-color:var(--secondary-color-light-hover)}#game-body .button.secondary{border-color:var(--bw-color-dark);color:var(--bw-color-dark)}#game-body .button.tertiary{background-color:var(--main-color-medium)}#game-body .button.tertiary:hover{background-color:var(--main-color-light)}#game-body .button.tertiary{color:var(--text-primary-color);border:none}#game-body .button.quaternary{background-color:transparent;color:var(--ui-tour-textcolor);border:none}#game-body .button:disabled{cursor:default}#game-body .button.action-icon{min-width:initial;padding:0;display:flex;align-items:center;justify-content:center}#game-body .button.action-icon{width:var(--sndp-button-size-medium-height)}#game-body .button.large.action-icon{width:var(--sndp-button-size-large-height)}#game-body .button.small.action-icon{width:var(--sndp-button-size-small-height)}#game-body .button.secondary.action-icon:disabled{color:var(--disabled-button-color);border-color:var(--disabled-button-color)}#game-body .button.primary.action-icon:disabled{background-color:var(--disabled-button-color);color:#fff;border:none}#game-body .icon-button{cursor:pointer;border:none;background-color:transparent;padding:0;margin:0;outline-style:none}#game-body .button.text-only{background-color:transparent;color:var(--text-link-color);border:none;font-weight:var(--sndp-button-size-medium-font-weight);font-size:var(--sndp-font-size-18);line-height:var(--sndp-button-size-medium-font-line-height);padding:0;margin:0}#game-body .button.text-only:focus{outline:2px solid var(--focus-ring-color, #007acc);outline-offset:2px;box-shadow:0 0 0 4px #007acc40}#game-body .button.wide{min-width:240px}#game-body .button.wide:focus{outline:2px solid var(--focus-ring-color, #007acc);outline-offset:2px;box-shadow:0 0 0 4px #007acc40}#game-body .button.wide:focus:not(:focus-visible){outline:none;box-shadow:none}#game-body .button.center-content{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem}#game-body .text{color:var(--text-primary-color);line-height:var(--sndp-font-line-height-normal);font-weight:var(--sndp-font-weight-normal);font-family:var(--sndp-font-brand-hs-helsingin)}#game-body .text.helsingin{font-family:var(--sndp-font-brand-hs-helsingin)}#game-body .text.banner{font-family:var(--sndp-font-brand-hs-banner)}#game-body .text.s-12{font-size:var(--sndp-font-size-12)}#game-body .text.s-14{font-size:var(--sndp-font-size-14)}#game-body .text.s-16{font-size:var(--sndp-font-size-16)}#game-body .text.s-18{font-size:var(--sndp-font-size-18)}#game-body .text.s-20{font-size:var(--sndp-font-size-20)}#game-body .text.s-22{font-size:var(--sndp-font-size-22)}#game-body .text.s-24{font-size:var(--sndp-font-size-24)}#game-body .text.s-26{font-size:var(--sndp-font-size-26)}#game-body .text.s-28{font-size:var(--sndp-font-size-28)}#game-body .text.s-32{font-size:var(--sndp-font-size-32)}#game-body .text.s-44{font-size:var(--sndp-font-size-44)}#game-body .text.s-tile{font-size:var(--sndp-font-size-28)}#game-body .text.bold{font-weight:var(--sndp-font-weight-bold)}#game-body .text.medium{font-weight:var(--sndp-font-weight-medium)}#game-body .text.normal{font-weight:var(--sndp-font-weight-normal)}#game-body .text.center{text-align:center}#game-body .text.uppercase{text-transform:uppercase}#game-body .text.link{color:var(--main-color-dark)}#game-body .game-area-width.half .text.s-tile{font-size:var(--sndp-font-size-14)}@media(max-width:600px){#game-body .game-area-width{width:75vw}#game-body .game-area-width.half{width:37.5vw}#game-body .text.result{font-size:var(--sndp-font-size-16)}#game-body .text.s-tile{font-weight:var(--sndp-button-size-medium-font-weight);font-size:var(--sndp-font-size-20)}}@media(min-width:600px){#game-body .game-area-width{width:65vw}#game-body .game-area-width.half{width:32.5vw}}@media(min-width:768px){#game-body .game-area-width{width:45vw}#game-body .game-area-width.half{width:22.5vw}}@media(min-width:992px){#game-body .game-area-width{width:40vw}#game-body .game-area-width.half{width:20vw}}@media(min-width:1200px){#game-body .game-area-width{width:25vw}#game-body .game-area-width.half{width:12.5vw}}#game-body .center-text{text-align:center}#game-body .icon.primary{fill:var(--main-color-dark)}#game-body .icon.secondary{fill:var(--background-color)}#game-body .icon.tertiary{fill:var(--text-primary-color)}#game-body .icon.quaternary{fill:var(--ui-tour-textcolor)}#game-body .icon.sl-modal{fill:#6f6f6f}#game-body .icon.tooltip{fill:var(--tooltip-text-color)}#game-body .text-link{color:var(--text-link-color);text-decoration:none}@font-face{font-display:block;font-family:Helsingin;font-style:normal;font-weight:700;src:url(https://fonts.sanoma-sndp.fi/helsingin-text-web-bold-v1.woff2) format("woff2"),url(https://fonts.sanoma-sndp.fi/helsingin-text-web-bold-v1.woff) format("woff")}@font-face{font-display:block;font-family:Helsingin;font-style:normal;font-weight:500;src:url(https://fonts.sanoma-sndp.fi/helsingin-text-web-medium-v1.woff2) format("woff2"),url(https://fonts.sanoma-sndp.fi/helsingin-text-web-medium-v1.woff) format("woff")}@font-face{font-display:block;font-family:Helsingin;font-style:normal;font-weight:400;src:url(https://fonts.sanoma-sndp.fi/helsingin-text-web-regular-v1.woff2) format("woff2"),url(https://fonts.sanoma-sndp.fi/helsingin-text-web-regular-v1.woff) format("woff")}@font-face{font-display:block;font-family:Helsingin;font-style:normal;font-weight:300;src:url(https://fonts.sanoma-sndp.fi/helsingin-text-web-light-v1.woff2) format("woff2"),url(https://fonts.sanoma-sndp.fi/helsingin-text-web-light-v1.woff) format("woff")}@font-face{font-display:block;font-family:Sanomat;font-style:normal;font-weight:900;src:url(https://fonts.sanoma-sndp.fi/sanomat-black-web-v1.woff2) format("woff2"),url(https://fonts.sanoma-sndp.fi/sanomat-black-web-v1.woff) format("woff")}@font-face{font-display:block;font-family:Sanomat;font-style:normal;font-weight:800;src:url(https://fonts.sanoma-sndp.fi/sanomat-extrabold-web-v1.woff2) format("woff2"),url(https://fonts.sanoma-sndp.fi/sanomat-extrabold-web-v1.woff) format("woff")}@font-face{font-display:block;font-family:Sanomat;font-style:normal;font-weight:700;src:url(https://fonts.sanoma-sndp.fi/sanomat-web-bold-v1.woff2) format("woff2"),url(https://fonts.sanoma-sndp.fi/sanomat-web-bold-v1.woff) format("woff")}@font-face{font-display:block;font-family:Sanomat;font-style:normal;font-weight:400;src:url(https://fonts.sanoma-sndp.fi/sanomat-web-regular-v1.woff2) format("woff2"),url(https://fonts.sanoma-sndp.fi/sanomat-web-regular-v1.woff) format("woff")}@font-face{font-display:block;font-family:Sanomat Banner;font-style:normal;font-weight:900;src:url(https://fonts.sanoma-sndp.fi/sanomat-banner-black-v1.woff2) format("woff2"),url(https://fonts.sanoma-sndp.fi/sanomat-banner-black-v1.woff) format("woff")}@font-face{font-display:block;font-family:Publico;font-style:normal;font-weight:700;src:url(https://fonts.sanoma-sndp.fi/publico-text-web-bold-v2.woff2) format("woff2"),url(https://fonts.sanoma-sndp.fi/publico-text-web-bold-v2.woff) format("woff")}@font-face{font-display:block;font-family:Publico;font-style:italic;font-weight:700;src:url(https://fonts.sanoma-sndp.fi/publico-text-web-bold-italic-v2.woff2) format("woff2"),url(https://fonts.sanoma-sndp.fi/publico-text-web-bold-italic-v2.woff) format("woff")}@font-face{font-display:block;font-family:Publico;font-style:normal;font-weight:400;src:url(https://fonts.sanoma-sndp.fi/publico-text-web-roman-v2.woff2) format("woff2"),url(https://fonts.sanoma-sndp.fi/publico-text-web-roman-v2.woff) format("woff")}@font-face{font-display:block;font-family:Publico;font-style:italic;font-weight:400;src:url(https://fonts.sanoma-sndp.fi/publico-text-web-italic-v2.woff2) format("woff2"),url(https://fonts.sanoma-sndp.fi/publico-text-web-italic-v2.woff) format("woff")}@font-face{font-display:block;font-family:Publico;font-style:normal;font-weight:700;src:url(https://fonts.sanoma-sndp.fi/publico-text-web-bold-v4.woff2) format("woff2"),url(https://fonts.sanoma-sndp.fi/publico-text-web-bold-v4.woff) format("woff")}@font-face{font-display:block;font-family:Publico;font-style:italic;font-weight:700;src:url(https://fonts.sanoma-sndp.fi/publico-text-web-bold-italic-v4.woff2) format("woff2"),url(https://fonts.sanoma-sndp.fi/publico-text-web-bold-italic-v4.woff) format("woff")}@font-face{font-display:block;font-family:Publico;font-style:normal;font-weight:400;src:url(https://fonts.sanoma-sndp.fi/publico-text-web-roman-v4.woff2) format("woff2"),url(https://fonts.sanoma-sndp.fi/publico-text-web-roman-v4.woff) format("woff")}@font-face{font-display:block;font-family:Publico;font-style:italic;font-weight:400;src:url(https://fonts.sanoma-sndp.fi/publico-text-web-italic-v4.woff2) format("woff2"),url(https://fonts.sanoma-sndp.fi/publico-text-web-italic-v4.woff) format("woff")}@font-face{font-display:block;font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(https://fonts.sanoma-sndp.fi/source-sans-pro-latin-regular-v12.woff2) format("woff2"),url(https://fonts.sanoma-sndp.fi/source-sans-pro-latin-regular-v12.woff) format("woff")}@font-face{font-display:block;font-family:Source Sans Pro;font-style:normal;font-weight:700;src:url(https://fonts.sanoma-sndp.fi/source-sans-pro-latin-bold-v13.woff2) format("woff2"),url(https://fonts.sanoma-sndp.fi/source-sans-pro-latin-bold-v13.woff) format("woff")}@font-face{font-display:block;font-family:Source Sans Pro;font-style:normal;font-weight:900;src:url(https://fonts.sanoma-sndp.fi/source-sans-pro-latin-black-v1.woff2) format("woff2"),url(https://fonts.sanoma-sndp.fi/source-sans-pro-latin-black-v1.woff) format("woff")}