html,body,#app{margin:0;width:100%;min-height:100%;display:flex;font-family:system-ui}.container{display:flex;flex-direction:row;width:100%;min-height:100%}.container__left{flex:1;background-color:green;display:flex;flex-direction:column;position:relative;overflow:hidden}.nav-bar--container{background-color:#006400;padding:.5rem 2%;display:flex;flex-direction:row;justify-content:center}.nav-bar{color:#fff;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;max-width:min(max(60%,100vh),90%)}.nav-bar>*{padding:0 1%}.game-wrapper{padding:2%;display:flex;flex-direction:column;align-items:center;min-height:max(100vw,100%)}.container__right{background-color:#2e8f2f;width:max(250px,20vw);display:flex;flex-direction:column;align-items:center;text-align:center}.container__right .adsbygoogle{width:100%;height:100%}@media (max-width: 768px){.container{flex-direction:column-reverse}.container .container__right{width:100vw;height:max(120px,10vh)}}.klondike--wrapper{display:flex;flex-direction:column;user-select:none;max-width:min(max(60%,100vh),90%)}.klondike{display:flex;flex-direction:column;width:100%;position:relative}.klondike__top{display:flex;flex-direction:row;position:relative}.stock{width:12.2857142857%;margin:0 1%;position:relative;min-height:80px}.stock>.card{position:absolute;width:100%}.flex-1{flex:1}.z-index--1{z-index:-1}.waste{width:12.2857142857%;margin:0 1%;position:relative}.waste>.card{position:absolute;width:100%}.waste>.card:nth-child(2){margin-left:15%}.waste>.card:nth-child(3){margin-left:30%}.foundation-pile{width:12.2857142857%;margin:0 1%;position:relative}.foundation-pile>.card{width:100%}.foundation-pile>.card:not(.card__empty){position:absolute;top:0}.klondike__bottom{flex:1;margin-top:3%;min-height:100vh}.tableau{display:flex;flex-direction:row;flex-wrap:wrap}.tableau__pile{width:12.2857142857%;margin:0 1%;display:flex;flex-direction:column;position:relative}.tableau__pile>.card{position:absolute;width:100%}.tableau__pile>.card:nth-child(3){margin-top:20%}.tableau__pile>.card:nth-child(4){margin-top:40%}.tableau__pile>.card:nth-child(5){margin-top:60%}.tableau__pile>.card:nth-child(6){margin-top:80%}.tableau__pile>.card:nth-child(7){margin-top:100%}.tableau__pile>.card:nth-child(8){margin-top:120%}.tableau__pile>.card:nth-child(9){margin-top:140%}.tableau__pile>.card:nth-child(10){margin-top:160%}.tableau__pile>.card:nth-child(11){margin-top:180%}.tableau__pile>.card:nth-child(12){margin-top:200%}.tableau__pile>.card:nth-child(13){margin-top:220%}.tableau__pile>.card:nth-child(14){margin-top:240%}.tableau__pile>.card:nth-child(15){margin-top:260%}.tableau__pile>.card:nth-child(16){margin-top:280%}.tableau__pile>.card:nth-child(17){margin-top:300%}.tableau__pile>.card:nth-child(18){margin-top:320%}.tableau__pile>.card:nth-child(19){margin-top:340%}.tableau__pile>.card:nth-child(20){margin-top:360%}.tableau__pile>.card:nth-child(21){margin-top:380%}.victory{position:absolute;font-size:3rem;color:#fff;text-shadow:2px 2px #000;margin:30% 0;text-align:center;width:100%}.card{overflow:hidden;z-index:0}.card>img{width:100%;touch-action:none;pointer-events:none}.card.card__empty{background-color:#137913;touch-action:none;pointer-events:none}