:root #game-body{--main-color-dark: #3860ff;--main-color-medium: #ccd8ff;--main-color-light: #e6ebff;--text-primary-color: var(--sndp-color-brand-hs-night-blue);--background-color: var(--sndp-color-common-white);--start-screen-background-color: var(--sndp-color-common-white);--message-color: var(--sndp-color-brand-hs-gray-80);--inactive-gray: var(--sndp-color-brand-hs-gray-70);--input-color: var(--sndp-color-brand-hs-gray-50);--hs-logo-main: #00194c;--loader-color: #00194c;--text-light-grey: var(--sndp-color-brand-hs-gray-40);--disabled-calendar-text-color: var(--sndp-color-brand-hs-gray-50);--disabled-calendar-button-border-color: var(--sndp-color-brand-hs-gray-50);--text-link-color: var(--main-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);--logo-dark-color: #00194c;--tooltip-text-color: var(--sndp-color-common-white);--tooltip-background-color: #00194c;--icon-action-button-color: var(--main-color-dark);--disabled-button-color: #6f6f6f;--min-container-height: 100vh}:root.sndp-dark #game-body{--main-color-dark: #3860ff;--main-color-medium: var(--sndp-color-brand-hs-gray-50);--main-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);--text-light-grey: var(--sndp-color-brand-hs-gray-20);--disabled-calendar-text-color: var(--sndp-color-brand-hs-gray-30);--disabled-calendar-button-border-color: var(--sndp-color-brand-hs-gray-30);--text-link-color: 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: var(--sndp-color-brand-hs-gray-60);--tile-color-chosen: var(--main-color-dark);--tile-border-chosen: white;--tile-border-hint: 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(--sndp-color-common-white);--icon-action-button-color: white;--disabled-button-color: #6f6f6f}:root #game-body.in-article .sl-app{--min-container-height: calc(100vh - 80px) }:root #game-body.in-article.ios .sl-app{--min-container-height: calc(100vh - var(--sndp-safe-area-inset-top) - var(--sndp-safe-area-inset-bottom))}:root #sanaloohos-body.in-article.android .sl-app{--min-container-height: calc(100vh - var(--sndp-safe-area-inset-top) - var(--sndp-safe-area-inset-bottom))}.in-article .sl-app{padding-top:80px}.in-article.ios .sl-app,.in-article.android .sl-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 .sl-app .game-area{min-height:calc(100vh - 80px)}#game-body{z-index:0;position:relative}#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 .grid{display:grid}#game-body .default-background{background-color:var(--background-color)}#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 .button{height:var(--sndp-button-size-medium-height);min-width:var(--sndp-button-size-medium-min-width);padding-left:var(--sndp-button-size-medium-padding-left);padding-right:var(--sndp-button-size-medium-padding-right);font-family:var(--sndp-font-brand-hs-helsingin);font-weight:var(--sndp-button-size-small-font-weight);font-size:var(--sndp-button-size-small-font-size);line-height:var(--sndp-button-size-medium-font-line-height);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:focus{outline:2px solid var(--focus-ring-color, #007acc);outline-offset:2px;box-shadow:0 0 0 4px #007acc40}#game-body .button:focus:not(:focus-visible){outline:none;box-shadow:none}#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(--main-color-dark)}#game-body .button.primary:hover{background-color:#3051d2}#game-body .button.primary{color:#fff;border:none}#game-body .button.secondary{background-color:var(--background-color);color:var(--main-color-dark)}#game-body .button.tertiary{background-color:var(--main-color-medium);color:var(--text-primary-color);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 .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.wide{min-width:240px}#game-body .button.center-content{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem}#game-body .icon-button{cursor:pointer;border:none;background-color:transparent;padding:0;margin:0;outline-style:none;border-radius:100%;line-height:0}#game-body .icon-button:focus{outline:2px solid var(--focus-ring-color, #007acc);outline-offset:2px;box-shadow:0 0 0 4px #007acc40}#game-body .icon-button:focus:not(:focus-visible){outline:none;box-shadow:none}@media (hover: hover) and (pointer: fine){#game-body .button.secondary:hover:not(:disabled),#game-body .button.secondary:active:not(:disabled){background-color:var(--main-color-light)}}#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.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")}