:root{--yds-color-gray-5:#f8f9fa;--yds-color-gray-10:#f1f2f4;--yds-color-gray-20:#e8e9eb;--yds-color-gray-30:#d8d9db;--yds-color-gray-40:#b4b6b7;--yds-color-gray-50:#878a8b;--yds-color-gray-60:#4a4f54;--yds-color-gray-70:#323639;--yds-color-gray-80:#292b2d;--yds-color-gray-90:#1f2123;--yds-color-gray-95:#131415;--yds-color-black-opacity-5:#00000005;--yds-color-black-opacity-10:#0000000d;--yds-color-black-opacity-20:#00000017;--yds-color-black-opacity-30:#00000026;--yds-color-black-opacity-40:#0000004a;--yds-color-black-opacity-50:#00000078;--yds-color-black-opacity-60:#000000b3;--yds-color-black-opacity-70:#000000c9;--yds-color-black-opacity-80:#000000d4;--yds-color-black-opacity-90:#000000de;--yds-color-black-opacity-95:#000000eb;--yds-color-white-opacity-5:#ffffff14;--yds-color-white-opacity-10:#ffffff21;--yds-color-white-opacity-20:#ffffff2b;--yds-color-white-opacity-30:#ffffff36;--yds-color-white-opacity-40:#ffffff4d;--yds-color-white-opacity-50:#ffffff87;--yds-color-white-opacity-60:#ffffffb5;--yds-color-white-opacity-70:#ffffffd9;--yds-color-white-opacity-80:#ffffffe8;--yds-color-white-opacity-90:#fffffff2;--yds-color-white-opacity-95:#fffffffa;--yds-color-white:#fff;--yds-color-black:#000;--yds-color-turquoise-5:#e5fdff;--yds-color-turquoise-10:#c7f4fa;--yds-color-turquoise-20:#9cebf4;--yds-color-turquoise-30:#5ddbe9;--yds-color-turquoise-40:#29ccde;--yds-color-turquoise-50:#00b4c8;--yds-color-turquoise-60:#009cb5;--yds-color-turquoise-70:#00809c;--yds-color-turquoise-80:#00637d;--yds-color-turquoise-90:#00475e;--yds-color-turquoise-95:#0b3f4b;--yds-color-news-violet-5:#e6e5ff;--yds-color-news-violet-10:#d3cbfb;--yds-color-news-violet-20:#b7a8fa;--yds-color-news-violet-30:#9479fb;--yds-color-news-violet-40:#7c59fa;--yds-color-news-violet-50:#694bd7;--yds-color-news-violet-60:#553db4;--yds-color-news-violet-70:#413091;--yds-color-news-violet-80:#2f2372;--yds-color-news-violet-90:#1e1753;--yds-color-news-violet-95:#120e3e;--yds-color-news-orange-5:#fff2f2;--yds-color-news-orange-10:#fdd6d3;--yds-color-news-orange-20:#fab8b3;--yds-color-news-orange-30:#f79c94;--yds-color-news-orange-40:#f57f74;--yds-color-news-orange-50:#f26659;--yds-color-news-orange-60:#d24f45;--yds-color-news-orange-70:#b83c35;--yds-color-news-orange-80:#9b2823;--yds-color-news-orange-90:#7f1412;--yds-color-news-orange-95:#650101;--yds-color-sports-violet-5:#eef;--yds-color-sports-violet-10:#ddd9fc;--yds-color-sports-violet-20:#b3abf7;--yds-color-sports-violet-30:#8578f2;--yds-color-sports-violet-40:#6553ef;--yds-color-sports-violet-50:#5541ed;--yds-color-sports-violet-60:#372bb1;--yds-color-sports-violet-70:#292094;--yds-color-sports-violet-80:#1a1476;--yds-color-sports-violet-90:#0d0a5c;--yds-color-sports-violet-95:#030349;--yds-color-sports-lime-5:#fdfde7;--yds-color-sports-lime-10:#f9ffc6;--yds-color-sports-lime-20:#ebfe8d;--yds-color-sports-lime-30:#d4ff42;--yds-color-sports-lime-40:#caf53e;--yds-color-sports-lime-50:#b0d934;--yds-color-sports-lime-60:#91ae42;--yds-color-sports-lime-70:#7a9a2c;--yds-color-sports-lime-80:#618515;--yds-color-sports-lime-90:#46690b;--yds-color-sports-lime-95:#2c4d01;--yds-color-sports-pink-5:#fff5f9;--yds-color-sports-pink-10:#fcd9e8;--yds-color-sports-pink-20:#f7abcb;--yds-color-sports-pink-30:#f273a8;--yds-color-sports-pink-40:#ea3e85;--yds-color-sports-pink-50:#e60060;--yds-color-sports-pink-60:#c50152;--yds-color-sports-pink-70:#a70146;--yds-color-sports-pink-80:#880139;--yds-color-sports-pink-90:#6b012c;--yds-color-sports-pink-95:#4d0120;--yds-color-info-orange-5:#fff3e2;--yds-color-info-orange-10:#ffe3bf;--yds-color-info-orange-20:#ffd199;--yds-color-info-orange-30:#fec075;--yds-color-info-orange-40:#feb054;--yds-color-info-orange-50:#ff8f33;--yds-color-info-orange-60:#f56a1b;--yds-color-info-orange-70:#e65a27;--yds-color-info-orange-80:#e04312;--yds-color-info-orange-90:#c93c11;--yds-color-info-orange-95:#9b2e0d;--yds-color-info-yellow-5:#fff8e0;--yds-color-info-yellow-10:#ffeeb2;--yds-color-info-yellow-20:#ffe387;--yds-color-info-yellow-30:#ffd959;--yds-color-info-yellow-40:#ffcf2d;--yds-color-info-yellow-50:#ffc400;--yds-color-info-yellow-60:#f1b601;--yds-color-info-yellow-70:#cc9601;--yds-color-info-yellow-80:#ae7b01;--yds-color-info-yellow-90:#926201;--yds-color-info-yellow-95:#764901;--yds-color-info-green-5:#e0fff4;--yds-color-info-green-10:#b4f5de;--yds-color-info-green-20:#88eac7;--yds-color-info-green-30:#5fe0b2;--yds-color-info-green-40:#33d59b;--yds-color-info-green-50:#07ca84;--yds-color-info-green-60:#07b577;--yds-color-info-green-70:#06a26a;--yds-color-info-green-80:#068e5d;--yds-color-info-green-90:#05794f;--yds-color-info-green-95:#046542;--yds-color-info-blue-5:#e0f2ff;--yds-color-info-blue-10:#bbdcff;--yds-color-info-blue-20:#95c6ff;--yds-color-info-blue-30:#71b0ff;--yds-color-info-blue-40:#4b9aff;--yds-color-info-blue-50:#2684ff;--yds-color-info-blue-60:#2078ed;--yds-color-info-blue-70:#196dda;--yds-color-info-blue-80:#1260c7;--yds-color-info-blue-90:#0b54b4;--yds-color-info-blue-95:#0448a1;--yds-color-info-deep-blue-5:#e3eaf3;--yds-color-info-deep-blue-10:#c9d5e6;--yds-color-info-deep-blue-20:#b0c1da;--yds-color-info-deep-blue-30:#99aece;--yds-color-info-deep-blue-40:#738ab5;--yds-color-info-deep-blue-50:#546d9c;--yds-color-info-deep-blue-60:#3d5483;--yds-color-info-deep-blue-70:#1e2e52;--yds-color-info-deep-blue-80:#131e39;--yds-color-info-deep-blue-90:#131625;--yds-color-info-deep-blue-95:#020408;--yds-color-info-purple-5:#fcf5ff;--yds-color-info-purple-10:#e8d0f1;--yds-color-info-purple-20:#d9b0e8;--yds-color-info-purple-30:#ca91de;--yds-color-info-purple-40:#ba72d5;--yds-color-info-purple-50:#9436b5;--yds-color-info-purple-60:#80259f;--yds-color-info-purple-70:#620579;--yds-color-info-purple-80:#4b075b;--yds-color-info-purple-90:#30063a;--yds-color-info-purple-95:#1c0222;--yds-color-red-5:#fff5f8;--yds-color-red-10:#fcc5d3;--yds-color-red-20:#f99fb5;--yds-color-red-30:#f77898;--yds-color-red-40:#f5517a;--yds-color-red-50:#e90e43;--yds-color-red-60:#d10b3d;--yds-color-red-70:#9a092d;--yds-color-red-80:#740722;--yds-color-red-90:#4d0417;--yds-color-green-5:#e5fff9;--yds-color-green-10:#a1f9dd;--yds-color-green-20:#62f9c2;--yds-color-green-30:#1ff0a4;--yds-color-green-40:#03e592;--yds-color-green-50:#07ca84;--yds-color-green-60:#06b173;--yds-color-green-70:#058657;--yds-color-green-80:#046240;--yds-color-green-90:#023b26;--yds-color-orange-5:#fff3e2;--yds-color-orange-10:#ffe1b8;--yds-color-orange-20:#ffce8b;--yds-color-orange-30:#ffb95f;--yds-color-orange-40:#ff9c31;--yds-color-orange-50:#ff8f33;--yds-color-orange-60:#f1722a;--yds-color-orange-70:#e65a27;--yds-color-orange-80:#e04312;--yds-color-orange-90:#c93c11;--yds-color-blue-5:#e0f2ff;--yds-color-blue-10:#ccdef5;--yds-color-blue-20:#9fc8ee;--yds-color-blue-30:#88b3e7;--yds-color-blue-40:#669de1;--yds-color-blue-50:#2975d0;--yds-color-blue-60:#1163b0;--yds-color-blue-70:#234c93;--yds-color-blue-80:#0a3276;--yds-color-blue-90:#00284e;--yds-color-yellow-5:#fffce2;--yds-color-yellow-10:#fcf0c5;--yds-color-yellow-20:#fae69e;--yds-color-yellow-30:#f9dc77;--yds-color-yellow-40:#f7d350;--yds-color-yellow-50:#f4c722;--yds-color-yellow-60:#dab013;--yds-color-yellow-70:#b18e0c;--yds-color-yellow-80:#725a07;--yds-color-yellow-90:#493b06;--yds-color-purple-5:#fcf5ff;--yds-color-purple-10:#e8d0f1;--yds-color-purple-20:#d9b0e8;--yds-color-purple-30:#ca91de;--yds-color-purple-40:#ba72d5;--yds-color-purple-50:#9436b5;--yds-color-purple-60:#80259f;--yds-color-purple-70:#620579;--yds-color-purple-80:#4b075b;--yds-color-purple-90:#30063a;--yds-color-brand:#00b4c8;--yds-color-background:#fff;--yds-color-background-variant:#f8f9fa;--yds-color-background-negative:#131415;--yds-color-background-navigation:#fff;--yds-color-background-control:#00000078;--yds-color-background-control-disabled:#00000026;--yds-color-background-input:#fff;--yds-color-background-highlight:#e8e9eb;--yds-color-background-interactive:#f1f2f4;--yds-color-background-dialog:#fff;--yds-color-background-dialog-overlay:#00000078;--yds-color-background-info-primary:#9fc8ee;--yds-color-background-info-secondary:#f1f2f4;--yds-color-background-success:#62f9c2;--yds-color-background-warning:#ffd199;--yds-color-background-error:#f99fb5;--yds-color-background-opinion-article:#3d5483;--yds-color-background-story:#fff;--yds-color-background-list:#f8f9fa;--yds-color-text-default:#131415;--yds-color-text-negative:#f8f9fa;--yds-color-text-input-placeholder:#4a4f54;--yds-color-text-high-emphasis:#000000c9;--yds-color-text-medium-emphasis:#000000b3;--yds-color-text-disabled:#0000004a;--yds-color-text-light:#f8f9fa;--yds-color-text-dark:#131415;--yds-color-text-light-high-contrast:#fff;--yds-color-action-primary:#131415;--yds-color-action-primary-variant:#000000b3;--yds-color-action-secondary:#0000000d;--yds-color-action-secondary-variant:#00000017;--yds-color-action-disabled:#00000026;--yds-color-action-danger-primary:#d10b3d;--yds-color-action-danger-primary-variant:#e90e43;--yds-color-border:#131415;--yds-color-border-disabled:#0000004a;--yds-color-border-primary-focus:#009cb5;--yds-color-border-secondary-focus:#131415;--yds-color-border-separator:#00000017;--yds-color-illustrative-icons-icon-primary:#131415;--yds-color-illustrative-icons-icon-secondary:#5ddbe9;--yds-color-player-progress-bar:#ffffff4d;--yds-color-player-progress-indicator:#29ccde;--yds-color-spinner-default:#131415;--yds-color-spinner-negative:#fff;--yds-color-spinner-highlight-default:#009cb5;--yds-color-spinner-highlight-negative:#29ccde;--yds-color-spinner-background-default:#d8d9db;--yds-color-spinner-background-negative:#292b2d;--yds-color-feedback-highlight:#009cb5;--yds-color-feedback-error:#d10b3d;--yds-color-feedback-warning:#f1722a;--yds-color-feedback-success:#058657;--yds-color-feedback-live:#e90e43;--yds-color-logo-yle-background-brand:#00b4c8;--yds-color-logo-tv1:#31a;--yds-color-logo-tv-2:#cb0fd0;--yds-color-logo-yle-teema:#fe8300;--yds-color-logo-yle-fem:#a3bd2f;--yds-color-logo-lastenareena:#feb500;--yds-color-logo-yle-radio-1:#dc006a;--yds-color-logo-yle-radio-suomi:#0000e6;--yds-color-logo-yle-x:#fd2b77;--yds-color-logo-yle-x3m:#ff4c20;--yds-color-logo-yle-vega:#169bd4;--yds-color-logo-yle-klassinen:#0f7b87;--yds-color-logo-yle-sami-radio:#0049bf;--yds-color-logo-areena:#29ccde;--yds-color-logo-yle-background-default:#131415;--yds-color-logo-yle-text:#f8f9fa;--yds-color-logo-background:#000;--yds-color-logo-nega:#fff;--yds-color-logo-text:#fff;--yds-color-logo-yle:#00b4c8;--yds-color-brand-yle:#00b4c8;--yds-color-tag-live:#e90e43;--yds-color-tag-default:#131415;--yds-color-tag-opinion:#3d5483;--yds-color-tag-yle-corporate:#00809c;--yds-color-tag-primary-action:#131415;--yds-color-tag-primary-action-variant:#000000b3;--yds-color-tag-secondary-action:#0000000d;--yds-color-tag-secondary-action-variant:#00000005;--yds-color-shadow-s:#00000026;--yds-color-shadow-m:#00000026;--yds-color-shadow-l:#00000069;--yds-color-tietaja-background-player-card:#00000026;--yds-color-tietaja-background-variant-2:#e8e9eb;--yds-color-tietaja-text-score:#009cb5;--yds-color-tietaja-border-highlight:#009cb5}@media screen and (prefers-color-scheme:dark){:root{--yds-color-background:#131415;--yds-color-background-variant:#1f2123;--yds-color-background-negative:#fff;--yds-color-background-navigation:#000;--yds-color-background-control:#ffffff87;--yds-color-background-control-disabled:#ffffff36;--yds-color-background-input:#131415;--yds-color-background-highlight:#0b3f4b;--yds-color-background-interactive:#292b2d;--yds-color-background-dialog:#1f2123;--yds-color-background-dialog-overlay:#000000b3;--yds-color-background-info-primary:#d8d9db;--yds-color-background-info-secondary:#292b2d;--yds-color-background-success:#33d59b;--yds-color-background-warning:#feb054;--yds-color-background-error:#f5517a;--yds-color-background-opinion-article:#3d5483;--yds-color-background-story:#1f2123;--yds-color-background-list:#131415;--yds-color-text-default:#f8f9fa;--yds-color-text-negative:#131415;--yds-color-text-input-placeholder:#878a8b;--yds-color-text-high-emphasis:#ffffffd9;--yds-color-text-medium-emphasis:#ffffffb5;--yds-color-text-disabled:#ffffff4d;--yds-color-text-light:#f8f9fa;--yds-color-text-dark:#131415;--yds-color-text-light-high-contrast:#fff;--yds-color-action-primary:#f8f9fa;--yds-color-action-primary-variant:#ffffffb5;--yds-color-action-secondary:#ffffff14;--yds-color-action-secondary-variant:#ffffff2b;--yds-color-action-disabled:#ffffff36;--yds-color-action-danger-primary:#f77898;--yds-color-action-danger-primary-variant:#f5517a;--yds-color-border:#f8f9fa;--yds-color-border-disabled:#ffffff4d;--yds-color-border-primary-focus:#29ccde;--yds-color-border-secondary-focus:#f8f9fa;--yds-color-border-separator:#ffffff21;--yds-color-illustrative-icons-icon-primary:#f8f9fa;--yds-color-illustrative-icons-icon-secondary:#009cb5;--yds-color-player-progress-bar:#ffffff4d;--yds-color-player-progress-indicator:#29ccde;--yds-color-spinner-default:#fff;--yds-color-spinner-negative:#131415;--yds-color-spinner-highlight-default:#29ccde;--yds-color-spinner-highlight-negative:#009cb5;--yds-color-spinner-background-default:#292b2d;--yds-color-spinner-background-negative:#d8d9db;--yds-color-feedback-highlight:#29ccde;--yds-color-feedback-error:#f5517a;--yds-color-feedback-warning:#ff9c31;--yds-color-feedback-success:#03e592;--yds-color-feedback-live:#e90e43;--yds-color-logo-yle-background-brand:#f8f9fa;--yds-color-logo-tv1:#31a;--yds-color-logo-tv-2:#cb0fd0;--yds-color-logo-yle-teema:#fe8300;--yds-color-logo-yle-fem:#a3bd2f;--yds-color-logo-lastenareena:#feb500;--yds-color-logo-yle-radio-1:#dc006a;--yds-color-logo-yle-radio-suomi:#00b9eb;--yds-color-logo-yle-x:#fd2b77;--yds-color-logo-yle-x3m:#ff4c20;--yds-color-logo-yle-vega:#169bd4;--yds-color-logo-yle-klassinen:#0f7b87;--yds-color-logo-yle-sami-radio:#0049bf;--yds-color-logo-areena:#29ccde;--yds-color-logo-yle-background-default:#f8f9fa;--yds-color-logo-yle-text:#131415;--yds-color-logo-background:#fff;--yds-color-logo-nega:#fff;--yds-color-logo-text:#000;--yds-color-logo-yle:#f8f9fa;--yds-color-brand-yle:#00b4c8;--yds-color-tag-live:#e90e43;--yds-color-tag-default:#fff;--yds-color-tag-opinion:#3d5483;--yds-color-tag-yle-corporate:#00809c;--yds-color-tag-primary-action:#f8f9fa;--yds-color-tag-primary-action-variant:#ffffffb5;--yds-color-tag-secondary-action:#ffffff21;--yds-color-tag-secondary-action-variant:#ffffff14;--yds-color-shadow-s:#000000b3;--yds-color-shadow-m:#000000b3;--yds-color-shadow-l:#000000de;--yds-color-tietaja-background-player-card:#0000004a;--yds-color-tietaja-background-variant-2:#292b2d;--yds-color-tietaja-text-score:#29ccde;--yds-color-tietaja-border-highlight:#29ccde}}@font-face{font-family:Yle Next Condensed Regular;src:url(YleNext-CondensedRegular.1a43bf8d.woff2)format("woff2"),url(YleNext-CondensedRegular.c1036aca.woff)format("woff");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Yle Next Condensed;src:url(YleNext-CondensedMedium.02eb9442.woff2)format("woff2"),url(YleNext-CondensedMedium.7f1108ed.woff)format("woff");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Yle Next Condensed Bold;src:url(YleNext-CondensedBold.349b4b09.woff2)format("woff2"),url(YleNext-CondensedBold.8730d107.woff)format("woff");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic}.sanapyramidi-container{--background:var(--yds-color-background-variant,#f8f9fa);--first-correct-color:linear-gradient(135deg,#f99fb5 0%,#f77898 100%);--second-correct-color:linear-gradient(103.3deg,#ffe387 0%,#ffcf2d 100%);--third-correct-color:linear-gradient(96.03deg,#88eac7 0%,#33d59b 102.07%);--fourth-correct-color:linear-gradient(135deg,#bbdcff 0%,#71b0ff 100%);--fifth-correct-color:linear-gradient(135deg,#d3cbfb 0%,#a590fb 100%);--fb-form-background:#fff;--first-hint-color:#cec2a7;--second-hint-color:#cec2a7;--third-hint-color:#a5c4b7;--fourth-hint-color:#b3bfe2;--fifth-hint-color:#cbb4db;--item-text-color:#131415;--pyramid-item-background:var(--neutrals-gray-20,#e8e9eb);--text-color:#131415;--dialog-color:black;--dialog-animation-duration:.1s;--item-hover-bg:var(--neutrals-gray-30,#d8d9db);--submit-button-background:#131415;--submit-button-text:#f8f9fa;--submit-button-background-disabled:#00000026;--submit-button-text-disabled:#0000004a;--submit-button-hover-background:#000000b3;--submit-button-hover-text:#f8f9fa;--font-size:1.2em;--hint-button-background:transparent;--hint-button-text:#131415;--hint-button-background-disabled:transparent;--hint-button-text-disabled:#0000004a;--hint-button-border:2px solid #131415;--hint-button-border-disabled:2px solid #00000026;--hint-button-hover-background:#00000017;--hint-button-hover-text:#131415;--hint-button-hover-border:2px solid #131415;--circle-stroke-color:var(--text-color);--circle-background-color:#ffffff40;--circle-hover-background-color:#ffffff40;--circle-hover-stroke-color:var(--text-color);--overlay-text-color:#131415;--border-radius:16px;--gradient-close-button-color:var(--yds-color-background-variant,#f8f9fa);--background-gradient:linear-gradient(135deg,#d3cbfb 0%,#a590fb 100%);--background-modal:#fff;font-family:Yle Next}.sanapyramidi-container *{box-sizing:content-box}.sanapyramidi-container button{box-sizing:border-box}.sanapyramidi-container p{margin:.5em 0 0}.sanapyramidi-container{--font-size:1em}@media screen and (width<=630px){.sanapyramidi-container{width:100vw;margin-left:-50vw;margin-right:-50vw;position:relative;left:50%;right:50%}.sanapyramidi-container .game-container{border-radius:0}}.sanapyramidi-container .game-container{background:var(--background);color:var(--text-color);box-sizing:content-box;border-radius:var(--border-radius);width:100%;min-height:min(100svh,735px);margin:auto;display:grid;position:relative;overflow-x:hidden}@media screen and (width<=600px){.sanapyramidi-container .game-container{border-radius:0}}@media screen and (width<=450px){.sanapyramidi-container .game-container{min-height:630px}.sanapyramidi-container{--font-size:1em}}.sanapyramidi-container [data-overlay-active=true],:is(.sanapyramidi-container [data-overlay-active=true]) *{pointer-events:none}.sanapyramidi-container #feedback-form-main{box-sizing:border-box;background-color:var(--fb-form-background);width:100%;max-width:600px;color:var(--text-color);margin:-1px auto;padding:30px 10px}:is(.sanapyramidi-container #feedback-form-main) *{box-sizing:border-box}.sanapyramidi-container #sanapeli-under-overlay{opacity:0}.sanapyramidi-container[data-language=sv]{--background-gradient:linear-gradient(135deg,#ffe284 0%,#ffd030 100%)}.sanapyramidi-container[data-language=s2]{--background-gradient:linear-gradient(135deg,#badbff 0%,#72b0ff 100%)}body.not-yle-embed .game-container,.ydd-visualisation .sanapyramidi-container .game-container{max-width:630px}.sanapyramidi-container .pyramid-action-buttons{grid-template-columns:repeat(3,1fr);justify-content:center;gap:16px;width:fit-content;margin:32px auto;padding:0 10px;display:grid}.sanapyramidi-container .pyramid-action-buttons *{box-sizing:border-box}.sanapyramidi-container .pyramid-action-buttons.results-available{grid-template-columns:repeat(1,1fr)}.sanapyramidi-container .hint-button-content{align-items:center;display:flex}.sanapyramidi-container .hint-circle{color:#fff;text-align:center;background-color:#000;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:8px;font-size:12px;line-height:1;display:flex;position:relative}.sanapyramidi-container .hint-circle:before{content:attr(data-count);position:absolute;top:50%;left:50%;transform:translate(-53%,-53%)}.sanapyramidi-container{@-moz-document url-prefix(){& .hint-circle:before{transform:translate(-45%,-58%)}}}.sanapyramidi-container .hint-circle-disabled{background-color:#888}.sanapyramidi-container .health-box{border-radius:5px;justify-content:center;align-items:center;width:fit-content;margin:16px auto 32px;font-size:16px;display:flex}@media screen and (width<=450px){.sanapyramidi-container .health-box{font-size:14px}}:is(.sanapyramidi-container .health-box) .health-dots{margin-left:16px;display:flex}:is(:is(.sanapyramidi-container .health-box) .health-dots) .health-dot{border:2px solid #0000;border-color:var(--item-text-color);border-radius:50%;width:8px;height:8px;margin-right:8px}.filled:is(:is(:is(.sanapyramidi-container .health-box) .health-dots) .health-dot){background-color:var(--item-text-color)}@media screen and (width<=450px){.sanapyramidi-container .health-box{padding:3px}}.sanapyramidi-container #help-button-and-tip-message{font-size:var(--font-size);flex-direction:column;justify-content:center;align-items:center;margin:6px 0 40px;font-weight:600;display:flex;position:relative}:is(.sanapyramidi-container #help-button-and-tip-message) .pyramid-tip-message{margin-top:8px;font-size:24px;font-weight:800}:is(.sanapyramidi-container #help-button-and-tip-message) .pyramid-tip-message p{margin:0}.sanapyramidi-container .help-button-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-self:flex-end;font-weight:700;position:relative;right:16px}:is(.sanapyramidi-container .help-button-container) button{cursor:pointer;color:var(--text-color);background:0 0;border:0;align-items:center;padding:0;display:flex}.hidden:is(:is(.sanapyramidi-container .help-button-container) button){display:none}:is(.sanapyramidi-container .help-button-container) .help-button-text{margin-right:8px;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:14px;font-weight:700}@media screen and (width<=450px){:is(.sanapyramidi-container #help-button-and-tip-message) .pyramid-tip-message{text-align:center;font-size:20px}.sanapyramidi-container .help-button-container{right:12px}}:is(.sanapyramidi-container #overlay-instructions) p{margin:1em 0}.sanapyramidi-container #overlay-instructions{padding-bottom:60px}@media screen and (width<=600px){.sanapyramidi-container #overlay-instructions{padding-bottom:80px}}:is(.sanapyramidi-container #overlay-instructions) img{float:right;width:130px;margin-bottom:1rem;margin-left:1rem}.sanapyramidi-container{--overlay-padding:24px;--overlay-width:calc(100% - var(--overlay-padding)*2);--overlay-height:calc(100% - var(--overlay-padding)*2)}.sanapyramidi-container .overlay{width:calc(100% - var(--overlay-padding)*2);height:calc(100% - var(--overlay-padding)*2);background-color:var(--background-modal);color:var(--text-color);box-sizing:border-box;box-shadow:var(--yds-shadow-sm,0 0 8px 0 #00000026);border-radius:4px;justify-content:center;align-items:center;margin:auto;padding:24px;position:absolute;overflow:hidden auto}.sanapyramidi-container .overlay-title{letter-spacing:0;margin-bottom:16px;font-family:Yle Next;font-size:20px;font-weight:900;line-height:150%}@media screen and (width>=450px){.sanapyramidi-container .overlay-title{font-size:24px;font-weight:900;line-height:140%}}.sanapyramidi-container .overlay p,.sanapyramidi-container .overlay h2,.sanapyramidi-container .overlay h3{color:var(--text-color)}.sanapyramidi-container .overlay h3{margin:16px 0}.sanapyramidi-container .overlay-background-gradient{z-index:5;opacity:0;background:var(--background-gradient);width:100%;height:100%;margin:auto;display:none;position:absolute;top:0%;left:0%;overflow:hidden}.sanapyramidi-container .overlay-close-button{cursor:pointer;color:var(--text-color);background:0 0;border:none;align-self:flex-end;font-size:20px;position:relative;top:-18px;right:-8px}:is(.sanapyramidi-container .overlay-close-button) button{cursor:pointer;color:var(--text-color);background:0 0;border:0;padding:0}.sanapyramidi-container .overlay-bottom-close-button{background:linear-gradient(to bottom,transparent 0%,var(--background-modal)10px,var(--background-modal)100%);z-index:3;opacity:1;width:calc(var(--overlay-width) - 14px);border-radius:var(--border-radius);justify-content:center;align-items:center;margin:auto;padding:20px 0;display:flex;position:absolute;bottom:0;left:50%;transform:translate(calc(-50% - 7px),calc(20px - 50%))}.sanapyramidi-container{--small-padding:4px;--big-padding:6px;--pyramid-item-desktop-width:85px;--item-container-width:100vw;--calculated-max-size:min(85px,max(60px,calc(100vw/6)))}.sanapyramidi-container .pyramid-container{grid-template-rows:repeat(5,1fr);justify-items:center;display:grid}.sanapyramidi-container .pyramid-item{box-sizing:border-box;padding:var(--small-padding);width:clamp(60px,calc(var(--item-container-width)/5 - 5*1px),var(--calculated-max-size));height:clamp(60px,calc(var(--item-container-width)/5 - 5*1px),var(--calculated-max-size));max-width:clamp(60px,calc(var(--item-container-width)/5 - 5*1px),var(--calculated-max-size));max-height:clamp(60px,calc(var(--item-container-width)/5 - 5*1px),var(--calculated-max-size));color:var(--item-text-color);cursor:pointer;-webkit-user-select:none;user-select:none;overflow-wrap:break-word;word-break:break-word;text-align:center;letter-spacing:.03em;border-width:0;border-radius:4px;place-content:center;margin:0 2px;font-family:Yle Next Condensed Regular;font-size:13px;font-weight:400;line-height:1.3;transition:opacity .3s ease-in;display:grid}.wrong-answer:is(.sanapyramidi-container .pyramid-item){animation:.25s horizontal-shaking}:is(.sanapyramidi-container .pyramid-item):not([data-clicked=true]):hover{background:var(--item-hover-bg)}[disabled]:is(.sanapyramidi-container .pyramid-item){cursor:not-allowed}@media screen and (width>=390px) and (width<=449px){.sanapyramidi-container .pyramid-item{font-size:14px}}@media screen and (width>=450px){.sanapyramidi-container .pyramid-item{max-width:var(--pyramid-item-desktop-width);max-height:var(--pyramid-item-desktop-width);min-width:var(--pyramid-item-desktop-width);min-height:var(--pyramid-item-desktop-width);padding:var(--big-padding);font-size:15px}}@media screen and (width>=450px) and (height<=750px){.sanapyramidi-container .pyramid-item{--pyramid-item-desktop-width:80px;padding:var(--small-padding)}}@media screen and (width>=450px) and (height<=650px){.sanapyramidi-container .pyramid-item{--pyramid-item-desktop-width:70px;padding:var(--small-padding)}}[data-result-item=true]:is(.sanapyramidi-container .pyramid-item){--item-container-width:50vw;--pyramid-item-desktop-width:40px;cursor:unset}[data-correct=true]:is(.sanapyramidi-container .pyramid-item){opacity:1}.sanapyramidi-container .pyramid-item-background{text-align:center;opacity:0;z-index:-1;box-sizing:border-box;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:calc(100% - 4px);height:100%;margin-left:2px;padding:6px;font-size:14px;font-weight:500;transition:opacity .2s ease-in .3s;display:flex;position:absolute;top:0;left:0}.visible:is(.sanapyramidi-container .pyramid-item-background){opacity:1;z-index:1}@media screen and (width>=450px){.sanapyramidi-container .pyramid-item-background{padding:6px}}.sanapyramidi-container .pyramid-row{justify-content:center;margin:2px 0;display:flex;position:relative}[data-correct=true]:is(.sanapyramidi-container .pyramid-row) .pyramid-item-background{color:#000;opacity:1;z-index:4}.sanapyramidi-container .pyramid-row[data-correct=true]:first-child .pyramid-item-background,.sanapyramidi-container .pyramid-row:first-child .pyramid-item[data-correct=true]{background:var(--first-correct-color)}.sanapyramidi-container .pyramid-row[data-correct=true]:nth-child(2) .pyramid-item-background,.sanapyramidi-container .pyramid-row:nth-child(2) .pyramid-item[data-correct=true]{background:var(--second-correct-color)}.sanapyramidi-container .pyramid-row[data-correct=true]:nth-child(3) .pyramid-item-background,.sanapyramidi-container .pyramid-row:nth-child(3) .pyramid-item[data-correct=true]{background:var(--third-correct-color)}.sanapyramidi-container .pyramid-row[data-correct=true]:nth-child(4) .pyramid-item-background,.sanapyramidi-container .pyramid-row:nth-child(4) .pyramid-item[data-correct=true]{background:var(--fourth-correct-color)}.sanapyramidi-container .pyramid-row[data-correct=true]:nth-child(5) .pyramid-item-background,.sanapyramidi-container .pyramid-row:nth-child(5) .pyramid-item[data-correct=true]{background:var(--fifth-correct-color)}.sanapyramidi-container .pyramid-row:first-child [data-hint-word=true]:not([data-correct=true]):not([data-clicked=true]){background:var(--first-hint-color)}.sanapyramidi-container .pyramid-row:nth-child(2) [data-hint-word=true]:not([data-correct=true]):not([data-clicked=true]){background:var(--second-hint-color)}.sanapyramidi-container .pyramid-row:nth-child(3) [data-hint-word=true]:not([data-correct=true]):not([data-clicked=true]){background:var(--third-hint-color)}.sanapyramidi-container .pyramid-row:nth-child(4) [data-hint-word=true]:not([data-correct=true]):not([data-clicked=true]){background:var(--fourth-hint-color)}.sanapyramidi-container .pyramid-row:nth-child(5) [data-hint-word=true]:not([data-correct=true]):not([data-clicked=true]){background:var(--fifth-hint-color)}.sanapyramidi-container .result-pyramid-item-wrong{border:2px solid var(--text-color);position:relative;background:0 0!important}:is(.sanapyramidi-container .result-pyramid-item-wrong) span{opacity:1;margin:0;padding:0;font-size:30px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.sanapyramidi-container .force-default-bg{background:var(--pyramid-item-background)!important}@media screen and (pointer:fine){.sanapyramidi-container [data-start-animation-finished=true] .item:not([data-clicked=true]):not([data-result-item=true]):hover{background:var(--item-hover-bg)!important}}.sanapyramidi-container .category-text{letter-spacing:.03em;margin-bottom:2px;font-family:Yle Next Condensed Bold;font-size:13px;font-weight:700;line-height:1.3;display:inline-block}@media screen and (width>=390px) and (width<=449px){.sanapyramidi-container .category-text{font-size:14px}}@media screen and (width>=450px){.sanapyramidi-container .category-text{font-size:15px}}.sanapyramidi-container .category-right-answers{letter-spacing:.03em;text-wrap:balance;margin-bottom:2px;font-family:Yle Next Condensed Regular;font-size:12px;font-weight:400;line-height:1.3;display:inline-block}@media screen and (width>=450px){.sanapyramidi-container .category-right-answers{font-size:13px}}.sanapyramidi-container .category-text-orphan{letter-spacing:.03em;font-family:Yle Next Condensed Regular;font-size:13px;font-weight:400;line-height:1.2}@media screen and (width>=390px) and (width<=449px){.sanapyramidi-container .category-text-orphan{font-size:14px}}@media screen and (width>=450px){.sanapyramidi-container .category-text-orphan{max-width:var(--pyramid-item-desktop-width);max-height:var(--pyramid-item-desktop-width);min-width:var(--pyramid-item-desktop-width);min-height:var(--pyramid-item-desktop-width);padding:var(--big-padding);font-size:15px}}@media screen and (width>=450px) and (height<=750px){.sanapyramidi-container .category-text-orphan{--pyramid-item-desktop-width:80px;padding:var(--small-padding);font-size:14px}}@media screen and (width>=450px) and (height<=650px){.sanapyramidi-container .category-text-orphan{font-size:13px}}[data-viz-id=sanapeli] #overlay-results{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}[data-viz-id=sanapeli] .results-container{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}:is([data-viz-id=sanapeli] .results-container) .pyramid-row{width:150%}[data-viz-id=sanapeli] .new-pyramid-every-morning{flex-direction:column;justify-content:center;align-items:center;margin-top:16px;padding:2px 5px;font-size:16px;font-weight:700;display:flex}:is([data-viz-id=sanapeli] .new-pyramid-every-morning) p{margin:0;font-family:Yle Next;font-weight:400}[data-viz-id=sanapeli] .results-header-container{flex-direction:column;align-items:center;width:100%;display:flex}[data-viz-id=sanapeli] .results-header-container h3{margin-bottom:40px}[data-viz-id=sanapeli] .results-share-container .clipboard-text{cursor:pointer;font-weight:700}[data-viz-id=sanapeli] .results-give-fb,[data-viz-id=sanapeli] .results-forms-back-button{cursor:pointer;color:var(--text-color);margin-top:10px;font-weight:700;display:flex}:is([data-viz-id=sanapeli] .results-give-fb,[data-viz-id=sanapeli] .results-forms-back-button) svg{padding-top:7px}.not-centered:is([data-viz-id=sanapeli] .results-give-fb,[data-viz-id=sanapeli] .results-forms-back-button){align-self:flex-start}[data-viz-id=sanapeli] .results-give-fb{cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-top:0;padding:12px;transition:background-color .2s;display:flex}[data-viz-id=sanapeli] .results-give-fb:hover{background-color:#0000000d}[data-viz-id=sanapeli] #feedback-form{margin-top:16px}[data-viz-id=sanapeli] #feedback-form *{box-sizing:border-box}[data-viz-id=sanapeli] .feedback-link{color:var(--text-color);cursor:pointer;align-items:center;margin-left:8px;font-weight:700;line-height:50px;display:inline-flex}[data-viz-id=sanapeli] .feedback-link:hover{opacity:.8}.sanapyramidi-container .start-screen{background:var(--background-gradient);border-radius:var(--border-radius);box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:36px;display:flex}@media screen and (width<=630px){.sanapyramidi-container .start-screen{border-radius:0}}.sanapyramidi-container .start-screen__header{flex-direction:column;flex:1;justify-content:center;align-self:center;align-items:center;display:flex}.sanapyramidi-container .start-screen___container{flex-direction:column;justify-content:space-between;width:100%;max-width:500px;height:100%;min-height:100%;display:flex;overflow:hidden}.sanapyramidi-container .start-screen__icon{width:120px;height:120px}.sanapyramidi-container .start-screen__title{color:#131415;word-break:break-word;hyphens:auto;margin:16px 0;font-size:48px;font-weight:900;line-height:130%}@media (width<=450px){.sanapyramidi-container .start-screen__title{font-size:40px}}@media (width<=350px){.sanapyramidi-container .start-screen__title{font-size:35px}}.sanapyramidi-container .start-screen__description{color:#000;max-width:350px;margin-top:0;margin-left:auto;margin-right:auto;font-size:18px;font-weight:400}.sanapyramidi-container .start-screen__credit{color:var(--color-text-primary);font-size:16px;font-weight:400}.sanapyramidi-container .start-screen__icon_header{flex-direction:column;justify-content:center;align-items:center;display:flex}.sanapyramidi-container .start-screen__button{margin-top:32px}@media (width<=450px){.sanapyramidi-container .start-screen__button{margin-top:28px}}.sanapyramidi-container .start-screen__suggest_own_pyramid{margin-top:16px;font-size:16px}:is(.sanapyramidi-container .start-screen__suggest_own_pyramid) a{color:#131415;text-decoration:underline;transition:color .2s}:is(:is(.sanapyramidi-container .start-screen__suggest_own_pyramid) a):hover,:is(:is(.sanapyramidi-container .start-screen__suggest_own_pyramid) a):visited{color:#131415;text-decoration:underline}.sanapyramidi-container .start-screen__button_credit_container{box-sizing:border-box;margin-top:24px}:is(.sanapyramidi-container .start-screen__button_credit_container) button{box-sizing:border-box}
/*# sourceMappingURL=index-svenska.2c44d922.css.map */