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-x:hidden;overflow-y:auto;min-width:0;-webkit-overflow-scrolling:touch}.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;flex-wrap:wrap;width:100%;max-width:min(max(60%,100vh),92%);gap:.35rem .8rem}.nav-bar__title{font-size:.88rem;font-weight:500}.nav-bar__actions{display:flex;flex-direction:row;align-items:center;gap:.4rem;flex-shrink:0}@media (max-width: 680px){.nav-bar{justify-content:center;text-align:center}.nav-bar__title{width:100%;text-align:center;font-size:.82rem;line-height:1.25}.nav-bar__actions{width:100%;justify-content:center;margin-top:.1rem}}.restart--button{background:linear-gradient(180deg,#2e7d32 0%,#1b5e20 100%);color:#fff;border:1px solid rgba(255,255,255,.28);box-shadow:0 1px 3px #00000040;border-radius:4px;padding:.28rem .7rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease-in-out;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.restart--button:hover{background:linear-gradient(180deg,#388e3c 0%,#2e7d32 100%);box-shadow:0 2px 5px #0000004d;transform:translateY(-1px);border-color:#ffffff73}.restart--button:active{transform:translateY(1px);box-shadow:0 1px 2px #0003}.nav-btn--rules{background:rgba(255,255,255,.12);color:#e8f5e9;border:1px solid rgba(255,255,255,.22);border-radius:4px;padding:.28rem .6rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease-in-out;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.nav-btn--rules:hover{background:rgba(255,255,255,.22);color:#fff;border-color:#fff6}.nav-btn--rules:active{transform:translateY(1px)}.game-wrapper{padding:1.5% 2% 2rem;display:flex;flex-direction:column;align-items:center;min-height:auto;flex:1 0 auto}.container__right{background-color:transparent;width:300px;min-width:300px;max-width:300px;min-height:250px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-sizing:border-box;flex-shrink:0}.container__right .adsbygoogle{display:block;width:300px;height:250px;margin:0 auto}@media (max-width: 1024px){.container{flex-direction:column}.container .container__right{width:100%;min-width:100%;max-width:100%;min-height:100px;height:100px;border-left:none;border-top:none;background-color:transparent}.container .container__right .adsbygoogle{width:100%;max-width:320px;height:100px;margin:0 auto}}@media (orientation: landscape) and (max-height: 600px){.nav-bar--container{padding:.2rem 1%}.nav-bar{font-size:.85rem;max-width:100%}.game-wrapper{padding:.5% 1%;min-height:auto}}.game-info{background:rgba(0,30,0,.45);color:#dcedc8;padding:2.5rem 1.5rem 3.5rem;margin-top:1.5rem;display:flex;justify-content:center;border-top:1px solid rgba(255,255,255,.15);position:relative;z-index:1}.game-info__container{max-width:800px;width:100%;line-height:1.6}.game-info__cta-wrapper{display:flex;justify-content:center;margin:1.5rem 0}.game-info .btn-cta-play{background:linear-gradient(180deg,#388e3c 0%,#1b5e20 100%);color:#fff;border:1px solid rgba(255,255,255,.35);box-shadow:0 3px 8px #0000004d;border-radius:6px;padding:.45rem 1.1rem;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;text-align:center}.game-info .btn-cta-play:hover{background:linear-gradient(180deg,#43a047 0%,#2e7d32 100%);box-shadow:0 6px 14px #00000073;transform:translateY(-2px);border-color:#ffffff8c}.game-info .btn-cta-play:active{transform:translateY(1px);box-shadow:0 2px 4px #00000040}.game-info__h1{font-size:1.6rem;color:#fff;margin-bottom:.75rem}.game-info__h2{font-size:1.25rem;color:#fff;margin-top:1.75rem;margin-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:.25rem}.game-info__intro,.game-info__rules-text,.game-info__stock-text{margin-bottom:.75rem;font-size:.95rem}.game-info__tips-list{margin:.5rem 0 1rem 1.5rem;padding:0;font-size:.95rem}.game-info__tips-list li{margin-bottom:.4rem}.game-info .faq-item{margin-bottom:1rem}.game-info .faq-item__q{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.25rem}.game-info .faq-item__a{font-size:.95rem;margin:0}.game-info__footer-links{margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:center;gap:.75rem;align-items:center;font-size:.85rem}.game-info__footer-links .legal-btn{background:none;border:none;color:#aed581;cursor:pointer;text-decoration:underline;padding:0;font-size:inherit}.game-info__footer-links .legal-btn:hover{color:#fff}.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;cursor:pointer}.stock__recycle-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;color:#fff6;pointer-events:none;user-select:none;display:none;z-index:2;transition:color .15s ease,transform .15s ease}.stock__recycle-hint svg{width:100%;height:100%}.stock:hover .stock__recycle-hint{color:#ffffffd9;transform:translate(-50%,-50%) scale(1.08)}.stock.stock--can-recycle .stock__recycle-hint{display:flex;align-items:center;justify-content:center}.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%;margin-left:0;display:none}.waste>.card.waste--pos-0{display:block;margin-left:0%}.waste>.card.waste--pos-1{display:block;margin-left:15%}.waste>.card.waste--pos-2{display:block;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;left:0;margin-left:0}.klondike__bottom{flex:1;margin-top:3%;min-height:480px;padding-bottom:2rem}.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%}@media (orientation: landscape) and (max-height: 600px){.klondike--wrapper{max-width:min(98%,(100vh - 44px) * 1.55);width:100%}.klondike__bottom{margin-top:1%;min-height:240px;padding-bottom:1rem}.stock{min-height:45px}}.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}