@font-face{font-family:custom-font;src:url(/fonts/segoeUI-roman-vf-subset-web.woff2) format("woff2");font-style:normal;font-weight:100 900}html,body,#root-element{display:flex;flex-direction:column;height:100vh;width:100vw;height:100dvh;width:100dvw;margin:0;padding:0;background-color:#186fa3}*{font-family:custom-font,Segoe UI;color:#fff;box-sizing:border-box}ul,ol{list-style-type:none;padding:0;margin:0}.row{display:flex;flex-direction:row}.column{display:flex;flex-direction:column}.flex{flex:1}h1,.h1{font-size:28px;font-weight:400}h2,.h2{font-size:24px;font-weight:400}h3,.h3{font-size:18px;font-weight:400}p,a,li,button{font-size:16px}@media screen and (max-width: 1080px){h1,.h1{font-size:26px}h2,.h2{font-size:22px}h3,.h3{font-size:18px}p,a,li,button{font-size:16px}}@media screen and (max-width: 850px){h1,.h1{font-size:21px}h2,.h2{font-size:22px}h3,.h3{font-size:17px}p,a,li,button{font-size:15px}}@media screen and (max-width: 680px){h1,.h1{font-size:21px}h2,.h2{font-size:20px}h3,.h3{font-size:16px}p,a,li,button{font-size:14px}}@media screen and (max-width: 350px){h1,.h1{font-size:max(6vw,12px)}h2,.h2{font-size:max(5.7vw,12px)}h3,.h3{font-size:max(4.6vw,12px)}p,a,li,button{font-size:max(4vw,11px)}}.app{display:flex;flex-direction:column;height:100%;overflow:hidden;overflow-y:auto;background:url(/images/backgrounds/solitaire-bg.jpg);background-size:cover}main{display:flex;flex-direction:column;width:100%;flex:1}a,a:visited,button{color:#fff;text-decoration:none}a:hover{text-decoration:underline}.home-page{max-width:min(1400px,100%);padding:24px;margin:0 auto}.home-page .home-page-content{display:flex;flex-direction:column}.home-page .home-page-content .banner-image{min-height:min(200px,34vw);aspect-ratio:4/1;background-size:cover;background-position:left}.home-page .home-page-content .screen-reader-accessible-but-visually-hidden{height:0px;margin:0;padding:0;overflow:hidden}@media screen and (max-width: 1080px){.home-page{padding:0;margin:0}}.homepage-tiles-component{display:flex;flex-direction:column}.homepage-tiles-component .tiles{display:flex;flex-wrap:wrap;padding-right:8px;padding-bottom:8px;justify-content:center}.homepage-tiles-component .tiles .tile{display:flex;flex-direction:column;padding-top:8px;padding-left:8px;width:20%;max-width:90vw}.homepage-tiles-component .tiles .tile a{display:flex;flex-direction:column}.homepage-tiles-component .tiles .tile a:hover{box-shadow:0 0 0 2px #fff}.homepage-tiles-component .tiles .tile img{width:100%}@media screen and (max-width: 1080px){.homepage-tiles-component{margin:0}}@media screen and (max-width: 1000px){.homepage-tiles-component .tiles .tile{width:25%}}@media screen and (max-width: 780px){.homepage-tiles-component{margin:0}.homepage-tiles-component .tiles .tile{width:33.3333333333%}}@media screen and (max-width: 600px){.homepage-tiles-component{margin:0}.homepage-tiles-component .tiles .tile{width:50%}}@media screen and (max-width: 300px){.homepage-tiles-component{margin:0}.homepage-tiles-component .tiles .tile{width:100%}}.game-page{max-width:min(1400px,100%);padding:24px;margin:0 auto}.game-page .game-page-content{display:flex;flex-direction:column}.game-page .game-page-content .banner-image{min-height:min(200px,27vw);aspect-ratio:6/1;background-size:cover;background-position:center}.game-page .game-page-content .game-content{display:grid;grid-template-areas:"screenshots-area text-container-area store-container-area"}.game-page .game-page-content .game-content .screenshots{grid-area:screenshots-area;display:flex;flex-direction:column;margin:auto;width:480px}.game-page .game-page-content .game-content .screenshots .screenshot{width:100%;aspect-ratio:1.75/1}.game-page .game-page-content .game-content .screenshots .thumbnails{display:flex;flex-direction:row;width:100%;justify-content:center;flex-wrap:wrap;padding-right:4px;padding-bottom:4px}.game-page .game-page-content .game-content .screenshots .thumbnails .thumbnail{display:flex;flex-direction:column;width:min(120px,33%);height:fit-content;padding:0;margin-left:4px;margin-top:4px;cursor:pointer;border:none;background-color:transparent}.game-page .game-page-content .game-content .screenshots .thumbnails .thumbnail:hover img{box-shadow:0 0 0 2px #fff}.game-page .game-page-content .game-content .screenshots .thumbnails .thumbnail img{width:100%}.game-page .game-page-content .game-content .screenshots .thumbnails .thumbnail_selected img{box-shadow:0 0 0 1.5px #ffffffb0}.game-page .game-page-content .game-content .text-container{grid-area:text-container-area;position:relative;flex:2;height:min(400px,80dvh);padding:0 16px;overflow-x:hidden;overflow-y:scroll;background:#037cb3}.game-page .game-page-content .game-content .text-container a{text-decoration:underline}.game-page .game-page-content .game-content .store-container{grid-area:store-container-area;display:flex;flex-direction:column;width:200px;align-items:center;background:#284668;text-align:center}.game-page .game-page-content .game-content .store-container h2{padding:16px 16px 0;margin:0}.game-page .game-page-content .game-content .store-container .buttons{display:flex;flex-direction:row;flex-wrap:wrap;padding:16px;justify-content:center}.game-page .game-page-content .game-content .store-container .buttons a{display:flex;flex-direction:column;min-width:120px;max-width:min(180px,100%);padding:4px}.game-page .game-page-content .game-content .store-container .buttons a:hover img{box-shadow:0 0 0 2px #fff}.game-page .game-page-content .game-content .store-container .buttons a img{display:block;width:100%;margin:auto}.game-page .game-page-content .game-content .store-container .buttons .mobile-only{display:none}@media (hover: none){.game-page .game-page-content .game-content .store-container .desktop-only{display:none}.game-page .game-page-content .game-content .store-container .mobile-only{display:inline-block}}@media screen and (max-width: 1080px){.game-page .game-page-content .game-content .screenshots{width:400px}}@media screen and (max-width: 900px){.game-page .game-page-content .game-content{grid-template-areas:"screenshots-area text-container-area" "store-container-area store-container-area";grid-template-columns:1fr 1fr}.game-page .game-page-content .game-content .screenshots,.game-page .game-page-content .game-content .store-container{width:initial}}@media screen and (max-width: 650px){.game-page .game-page-content .game-content{grid-template-areas:"screenshots-area" "text-container-area" "store-container-area";grid-template-columns:initial}.game-page .game-page-content .game-content .screenshots{padding:16px 0;width:100%}}@media screen and (max-width: 1080px){.game-page{padding:0 0 16px;margin:0}}.about-page{max-width:min(1400px,100%);padding:24px;margin:0 auto}.about-page .about-page-content{display:flex;flex-direction:column}.about-page .about-page-content .banner-image{min-height:min(200px,34vw);aspect-ratio:6/1;background-size:cover;background-position:center}.about-page .about-page-content .text-container{display:inline-block;padding:0 20px 20px;background-color:#0000004d}@media screen and (max-width: 1080px){.about-page{padding:0;margin:0}}.multiple-game-qr-page{display:flex;flex-direction:column;background-image:url(/images/backgrounds/solitaire-bg-dark.jpg);background-size:cover;background-position:center;padding:32px 0;justify-content:center}.multiple-game-qr-page>:not(:first-child){margin-top:16px}.multiple-game-qr-page .heading-container{background-color:#01529272;display:inline-flex;flex-direction:column;margin:0 auto;padding:12px 0;border-radius:8px}.multiple-game-qr-page .heading-container .heading-1{margin:0 auto;text-align:center}.multiple-game-qr-page .heading-container .sub-heading{padding:0 10%;margin:16px auto 0;font-weight:700;text-align:center}.multiple-game-qr-page .game-buttons{display:grid;grid-template-areas:"solitaire sudoku mahjong wordament";grid-template-columns:1fr 1fr 1fr 1fr;gap:16px;max-width:680px;margin-left:auto;margin-right:auto;padding:0 32px}.multiple-game-qr-page .game-buttons .button_solitaire{grid-area:solitaire}.multiple-game-qr-page .game-buttons .button_sudoku{grid-area:sudoku}.multiple-game-qr-page .game-buttons .button_mahjong{grid-area:mahjong}.multiple-game-qr-page .game-buttons .button_wordament{grid-area:wordament}.multiple-game-qr-page .game-buttons button{position:relative;display:flex;flex-direction:column;padding:16px;border:none;border-radius:10px;box-shadow:inset 2px 2px 2px #fff6,inset -2px -2px 2px #0006;background-color:#015292;cursor:pointer}.multiple-game-qr-page .game-buttons button:hover{background-color:#0084c7}.multiple-game-qr-page .game-buttons button .text{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;margin:auto}.multiple-game-qr-page .game-buttons button img{display:block;width:55px;max-width:100%;aspect-ratio:1/1;margin:0 auto;pointer-events:none}.multiple-game-qr-page .game-buttons button .up-arrow-center-container{position:absolute;top:calc(100% + 24px);left:50%}.multiple-game-qr-page .game-buttons button .up-arrow-relative-container{position:relative}.multiple-game-qr-page .game-buttons button .up-arrow{position:absolute;top:-12px;left:-12px;width:24px;height:24px;background-color:#99d3eb;transform:rotate(45deg)}.multiple-game-qr-page .game-buttons .button_selected{background-color:#002b4b;box-shadow:inset 2px 2px 2px #0006,inset -1px -1px 2px #fff6;cursor:default}.multiple-game-qr-page .game-buttons .button_selected:hover{background-color:#002b4b}.multiple-game-qr-page .qr-code-area{display:flex;flex-direction:column;width:100%;padding:32px;margin-top:24px;background:#99d3eb;color:#000;z-index:1}.multiple-game-qr-page .qr-code-area .grid{display:grid;grid-template-areas:"instruction-list qr-code";gap:32px;margin:0 auto}.multiple-game-qr-page .qr-code-area .grid .instruction-list{grid-area:instruction-list}.multiple-game-qr-page .qr-code-area .grid .instruction-list .heading-2{margin:0;font-weight:700;color:#000;text-align:initial}.multiple-game-qr-page .qr-code-area .grid .instruction-list ul{margin-top:16px;list-style-type:square}.multiple-game-qr-page .qr-code-area .grid .instruction-list ul>:not(:first-child){margin-top:4px}.multiple-game-qr-page .qr-code-area .grid .instruction-list ul li{margin-left:32px}.multiple-game-qr-page .qr-code-area .grid .instruction-list ul .text{color:#000}.multiple-game-qr-page .qr-code-area .grid .qr-code{grid-area:qr-code;height:200px;width:200px;max-width:100%}.multiple-game-qr-page .disclaimer{max-width:600px;padding:8px 16px;margin-left:auto;margin-right:auto;border-radius:8px;background:#99d3eb;color:#000;font-size:12px}@media screen and (min-width: 850px){.multiple-game-qr-page h1{font-size:28px}.multiple-game-qr-page .sub-heading{font-size:16px}.multiple-game-qr-page .game-buttons{max-width:700px}.multiple-game-qr-page .game-buttons button img{width:64px}}@media screen and (min-width: 1080px){.multiple-game-qr-page .heading-1{font-size:36px}.multiple-game-qr-page .sub-heading{font-size:18px}.multiple-game-qr-page .game-buttons{max-width:800px}.multiple-game-qr-page .game-buttons button img{width:75px}}@media screen and (min-width: 1200px){.multiple-game-qr-page .heading-1{font-size:40px}.multiple-game-qr-page .sub-heading{font-size:20px}}@media screen and (max-width: 750px){.multiple-game-qr-page .game-buttons{gap:16px}.multiple-game-qr-page .game-buttons button{padding:12px}}@media screen and (max-width: 600px){.multiple-game-qr-page .game-buttons{grid-template-areas:"solitaire sudoku" "mahjong wordament";grid-template-columns:1fr 1fr;gap:8px}.multiple-game-qr-page .game-buttons button{flex-direction:row}.multiple-game-qr-page .game-buttons button img{height:48px;width:initial}.multiple-game-qr-page .game-buttons button .up-arrow-center-container{display:none}.multiple-game-qr-page .qr-code-area .grid{grid-template-areas:"instruction-list" "qr-code";gap:16px}.multiple-game-qr-page .qr-code-area .grid .qr-code{height:170px;width:170px;margin:0 auto}}@media screen and (max-width: 450px){.multiple-game-qr-page .heading-1,.multiple-game-qr-page .sub-heading,.multiple-game-qr-page .game-buttons{padding:0 16px}.multiple-game-qr-page .game-buttons button{flex-direction:column}.multiple-game-qr-page .game-buttons button .text{margin:auto}.multiple-game-qr-page .game-buttons button img{margin-bottom:4px}}.single-game-qr-page{display:flex;flex-direction:column;background-image:url(/images/backgrounds/solitaire-bg-dark.jpg);background-size:cover}.single-game-qr-page .header{display:flex;padding:32px;margin:0 auto;max-width:500px;flex:1;background-color:#01529272}.single-game-qr-page .header .icon{width:25%;min-width:48px;aspect-ratio:1/1;margin:auto 0}.single-game-qr-page .header h1{margin:auto 0 auto 30px}.single-game-qr-page .container{position:relative;display:flex;flex-direction:row;flex:2;background-color:#002c4d;box-shadow:0 0 6px #000;padding:0 32px}.single-game-qr-page .container .phone-large-container{position:relative;width:30%;aspect-ratio:1/1.4}.single-game-qr-page .container .phone-large-container .phone-large{position:absolute;bottom:0;right:0;height:120%}.single-game-qr-page .container .information-column{display:flex;flex-direction:column;flex:1}.single-game-qr-page .container .information-column .information-row{display:flex;flex-direction:row;flex:1}.single-game-qr-page .container .information-column .information-row .instruction-list{align-content:center;padding:0 30px}.single-game-qr-page .container .information-column .information-row .qr-code{image-rendering:pixelated;aspect-ratio:1/1;width:160px;max-width:100%;margin:auto;padding:16px;box-sizing:initial}.single-game-qr-page .container .information-column .disclaimer{font-size:12px;padding:0 16px 16px}@media screen and (min-width: 850px){.single-game-qr-page .header{max-width:600px}.single-game-qr-page .header h1{font-size:32px}.single-game-qr-page .container .information-column .information-row .instruction-list h2{font-size:34px}.single-game-qr-page .container .information-column .information-row .instruction-list p{font-size:20px}.single-game-qr-page .container .information-column .information-row .qr-code{width:200px}}@media screen and (min-width: 1080px){.single-game-qr-page .header{max-width:700px}.single-game-qr-page .header h1{font-size:36px}.single-game-qr-page .container .information-column .information-row .instruction-list h2{font-size:34px}.single-game-qr-page .container .information-column .information-row .instruction-list p{font-size:20px}.single-game-qr-page .container .information-column .information-row .qr-code{width:200px}}@media screen and (min-width: 1200px){.single-game-qr-page .header{max-width:750px}.single-game-qr-page .header h1{font-size:40px}.single-game-qr-page .container .information-column .information-row .instruction-list h2{font-size:37px}.single-game-qr-page .container .information-column .information-row .instruction-list p{font-size:24px}.single-game-qr-page .container .information-column .information-row .qr-code{width:250px}}@media screen and (max-width: 750px){.single-game-qr-page .header{max-width:450px}.single-game-qr-page .header h1{margin-left:16px}.single-game-qr-page .container .phone-large-container{display:none}}@media screen and (max-width: 450px){.single-game-qr-page .container .information-column .information-row{flex-direction:column}.single-game-qr-page .container .information-column .information-row .instruction-list{padding:0}}.oss-notice-page{max-width:min(1400px,100%);padding:24px;margin:0 auto}.oss-notice-page .oss-notice-content{display:flex;flex-direction:column;padding:16px 32px;border-radius:8px;background-color:#0000004d}.oss-notice-page .oss-notice-content *{white-space:normal}@media screen and (max-width: 1080px){.oss-notice-page{padding:0;margin:0}}header{position:relative;display:flex;flex-direction:row;width:100%;padding:0 16px;background:#002c4d;box-shadow:0 0 4px 2px #00000070}header .microsoft-casual-games-logo{display:flex;flex-direction:row}header .microsoft-casual-games-logo a{display:flex;flex-direction:row;height:fit-content;margin:3px 0;padding:4px 0}header .microsoft-casual-games-logo a .icon{width:64px;aspect-ratio:1/1;margin:auto 0}@media (prefers-color-scheme: light) and (forced-colors: active){header .microsoft-casual-games-logo a .icon{filter:invert(1)}}header .microsoft-casual-games-logo a .h1{margin:auto 0 auto 10px;color:#fff;text-wrap:nowrap}header .skip-to-content-button-center-container{position:absolute;top:50%;left:32px}header .skip-to-content-button-relative-container{position:relative}header .skip-to-content-button{position:absolute;display:flex;height:0px;padding:0;border:none;background:#000;white-space:nowrap;align-items:center;overflow:hidden;z-index:1;cursor:pointer}header .skip-to-content-button:focus{left:0;top:-24px;height:48px;padding:0 24px;box-shadow:0 0 0 2px #fff;text-decoration:underline}header .menu{flex:1;display:flex;flex-direction:row;justify-content:end;height:fit-content;margin:auto 0;padding:16px 0}header .menu .menu-link,header .menu .menu-button{font-size:24px;padding:0;white-space:nowrap}header .menu .menu-link a,header .menu .menu-button a{font-size:24px}header .menu a:hover{text-decoration:underline}header .menu .menu-link{position:relative;margin-left:16px}header .menu .submenu-toggle-button{background-color:initial;border:none;cursor:pointer}header .menu .submenu-toggle-button svg{margin-left:6px}@media (prefers-color-scheme: light) and (forced-colors: active){header .menu .submenu-toggle-button svg{filter:invert(1)}}header .menu .games-submenu{height:0px;overflow:hidden;position:absolute;flex-direction:column;z-index:3000;top:100%;right:-100%;transition-property:height,padding;transition-duration:.15s;transition-timing-function:ease-in-out}header .menu .games-submenu .list-wrapper{padding-top:16px}header .menu .games-submenu .list-wrapper ul{display:flex;flex-direction:column;padding:4px;border:1px solid #fff;background-color:#155c87}header .menu .games-submenu .list-wrapper ul>:not(:last-child){margin-bottom:4px}header .menu .games-submenu .list-wrapper ul li{position:relative;display:flex;width:100%;box-sizing:border-box;z-index:0}header .menu .games-submenu .list-wrapper ul li:hover:after{filter:brightness(.5)}header .menu .games-submenu .list-wrapper ul li a{width:inherit;padding:4px 16px;white-space:nowrap}header .menu .games-submenu .list-wrapper .list-item-solitaire:after{background-image:url(/images/games-menu-items/solitaire-menu-item.png)}header .menu .games-submenu .list-wrapper .list-item-mahjong:after{background-image:url(/images/games-menu-items/mahjong-menu-item.png)}header .menu .games-submenu .list-wrapper .list-item-jigsaw:after{background-image:url(/images/games-menu-items/jigsaw-menu-item.png)}header .menu .games-submenu .list-wrapper .list-item-minesweeper:after{background-image:url(/images/games-menu-items/minesweeper-menu-item.png)}header .menu .games-submenu .list-wrapper .list-item-sudoku:after{background-image:url(/images/games-menu-items/sudoku-menu-item.png)}header .menu .games-submenu .list-wrapper .list-item-treasure-hunt:after{background-image:url(/images/games-menu-items/treasure-hunt-menu-item.png)}header .menu .games-submenu .list-wrapper .list-item-ultimate-word:after{background-image:url(/images/games-menu-items/uwg-menu-item.png)}header .menu .games-submenu .list-wrapper .list-item-wordament:after{background-image:url(/images/games-menu-items/wordament-menu-item.png)}header .menu .games-submenu .list-wrapper ul li:after{content:"";inset:0;position:absolute;z-index:-1;background-size:cover;filter:brightness(.2);transition:filter .3s linear}@media screen and (max-width: 1080px){header .microsoft-casual-games-logo a .icon{width:60px}header .menu .menu-link,header .menu .menu-button{font-size:20px;padding:0;white-space:nowrap}header .menu .menu-link a,header .menu .menu-button a{font-size:20px}header .menu .menu-link svg,header .menu .menu-button svg{height:12px}}@media screen and (max-width: 850px){header .microsoft-casual-games-logo a .icon{width:42px}header .menu .menu-link,header .menu .menu-button{font-size:18px;padding:0;white-space:nowrap}header .menu .menu-link a,header .menu .menu-button a{font-size:18px}header .menu .menu-link svg,header .menu .menu-button svg{margin-left:4px;height:11px}}@media screen and (max-width: 680px){header .microsoft-casual-games-logo a .icon{width:42px}header .menu .menu-link,header .menu .menu-button{font-size:16px;padding:0;white-space:nowrap}header .menu .menu-link svg,header .menu .menu-button svg{margin-left:3px;height:10px}}@media screen and (max-width: 600px){header{flex-direction:column}header .microsoft-casual-games-logo{justify-content:center}header .menu{justify-content:center}}@media screen and (max-width: 350px){header .microsoft-casual-games-logo a .icon{width:12vw}header .menu .menu-link{margin-left:4.2vw}header .menu .menu-link,header .menu .menu-button{font-size:max(4.6vw,11px);padding:0;white-space:nowrap}header .menu .menu-link a,header .menu .menu-button a{font-size:max(4.6vw,11px)}header .menu .menu-link svg,header .menu .menu-button svg{margin-left:0;height:2.7vw}header .menu .games-submenu .list-wrapper ul{padding:1vw}header .menu .games-submenu .list-wrapper ul>:not(:last-child){margin-bottom:1vw}}footer{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;box-shadow:0 0 4px 1px #00000070;background-color:#707070;height:80px;box-sizing:border-box}footer .footer-left,footer .footer-right{width:130px}footer .footer-left .microsoft-logo{display:flex;align-items:center;margin-bottom:3px}footer .footer-left .microsoft-logo img{margin-right:7px;height:22px;width:22px}footer .footer-left .microsoft-logo .microsoft-text{font-weight:600;font-size:16px}@media (prefers-color-scheme: light) and (prefers-contrast: more){footer .footer-left .microsoft-logo .microsoft-text{color:#000}}footer .footer-left .microsoft-copyright{font-size:12px}footer .footer-center{display:flex;flex-direction:row;flex-wrap:wrap;max-width:750px;text-align:center;justify-content:center;font-size:16px}footer .footer-center a{white-space:nowrap;margin:0 8px}footer .footer-center a:hover{text-decoration:underline}footer .footer-center .privacy-policy-text img{height:12px;width:24px;margin:auto auto auto 4px}footer .footer-center .manage-cookies{display:inline}footer .footer-right{display:flex}footer .footer-right a{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:3px}footer .footer-right a:hover{background-color:#ffffff14}footer .footer-right a:active{background-color:#ffffff26}footer .footer-right a .social-icon{margin:0 4px;width:24px;height:24px}@media (prefers-color-scheme: light) and (prefers-contrast: more){footer .footer-right a .social-icon{filter:invert(1)}}@media screen and (max-width: 1000px){footer{height:auto}footer .footer-center{font-size:14px}}@media screen and (max-width: 840px){footer .footer-center{display:flex;flex-direction:column}}@media screen and (max-width: 450px){footer{flex-direction:column}footer .footer-left{display:flex;flex-direction:column;align-items:center}footer .footer-center{margin:20px 0}}
