/* A welcoming home page. Game tables keep their own visual themes. */
body:not(.playing){background:#f7f4ed;background-image:none;color:#293d34}.home-header{max-width:1180px;padding:23px 26px;border-bottom:1px solid #e5dfd3;gap:25px}.home-header .brand{display:flex;align-items:center;gap:11px;color:#254b3c;font-size:23px;letter-spacing:-.8px;font-weight:750;text-decoration:none}.home-brand-mark{width:39px;height:39px;display:grid;place-items:center;background:#e2eadd;border-radius:12px;flex:none}.home-brand-mark svg{width:30px;height:30px}.home-header .dot{color:#b97850}.home-header nav{display:flex;gap:27px;align-items:center}.home-header nav a{color:#566257;font-size:13px;text-decoration:none}.home-header nav a:hover{color:#2e654d}.home-header .badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:650;padding:9px 12px;color:#3a654d;background:#e7eddf;border:1px solid #d8e2cc;border-radius:100px;white-space:nowrap}.home-main{max-width:1180px;padding:33px 26px 28px;margin:auto}.home-main .hero{grid-template-columns:1.15fr 1fr;gap:65px;align-items:center}.home-main .eyebrow{color:#65806b;font-size:10px;letter-spacing:1.5px;font-weight:650}.home-main .hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:clamp(43px,5vw,63px);letter-spacing:-2px;line-height:1.09;color:#293f34;margin:20px 0}.home-main .hero h1 em{color:#4d7459;font-style:normal}.home-main .intro{color:#687268;font-size:15px;line-height:1.85;max-width:470px;margin:0}.home-main .hero-actions{margin:25px 0 0;gap:11px;align-items:center}.home-main .primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#37684e;color:#fffdf4;border:1px solid #37684e;padding:13px 19px;border-radius:10px;min-height:47px;font-size:13px;font-weight:650;text-decoration:none;box-shadow:0 3px 6px #28483310}.home-main .primary:hover{background:#2e5a42;filter:none}.home-main .secondary{display:inline-flex;align-items:center;justify-content:center;background:#fffdf6;color:#4c6252;border:1px solid #d5daca;min-height:47px;padding:12px 18px;border-radius:10px;font-size:13px;font-weight:550;box-shadow:none}.home-main .secondary:hover{background:#edf1e6}.home-main .trust{margin:19px 0 0;gap:18px;color:#7a8374;font-size:10px}.home-main .trust span:before{color:#578369}.home-main .text-button{color:#708167;background:none;border:0;font-size:11px;padding:15px 0 0;margin:0;cursor:pointer}.home-main .text-button:hover{color:#356349;text-decoration:underline}.home-main .daily-card{background:#ecebdc;border:1px solid #d9d9c6;box-shadow:0 12px 32px #515c3710;padding:22px 24px;border-radius:19px;transform:rotate(1deg);overflow:hidden}.home-main .daily-card:before{content:'';position:absolute;right:-60px;top:-60px;width:210px;height:210px;border:1px solid #d0d5ba8c;border-radius:50%;pointer-events:none}.home-main .daily-card:hover{border-color:#8fa27c}.home-main .daily-top{position:relative;gap:12px}.home-main .daily-top .eyebrow{font-size:9px;letter-spacing:1.2px;color:#647553}.home-main .daily-top>span:last-child{font-size:10px;color:#758366;background:#ffffff7a;border:1px solid #d9decb;border-radius:20px;padding:6px 9px}.home-main .puzzle-art{width:152px;margin:21px auto 24px;gap:7px;transform:rotate(-6deg)}.home-main .puzzle-art span{color:#745637;background:linear-gradient(135deg,#fff6df,#e4d1a9);box-shadow:0 4px 0 #b59a6f,0 5px 7px #8e764a22;border:1px solid #efe2c6;border-radius:8px;font-family:Georgia,serif;font-size:25px;font-weight:550}.home-main .puzzle-art span:last-child{background:#dedbc6;border:1px dashed #b8b796;box-shadow:inset 0 2px 5px #5e644b12}.home-main .daily-bottom h2{color:#3a513c;font-family:Georgia,serif;font-size:25px;font-weight:500;letter-spacing:-.5px;margin:0}.home-main .daily-bottom p{color:#77806b;font-size:11px;line-height:1.75;margin:7px 0 0}.home-main .daily-arrow{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#d9e1c8;border:1px solid #c5d0b0;color:#547342;font-size:24px;flex:none}.home-main .daily-progress{margin-top:16px;padding-top:12px;border-color:#d1d5bf;color:#6b8057;font-size:10px;line-height:1.6}.home-main .cover-link{border-radius:19px}.home-main .cover-link:focus-visible{outline:3px solid #5b8054;outline-offset:4px}.home-reassurance{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border-top:1px solid #e0dfd0;border-bottom:1px solid #e0dfd0;padding:21px 4px;margin:34px 0 0}.home-reassurance>div{display:flex;align-items:center;gap:13px}.home-reassurance .reassurance-icon{display:grid;place-items:center;width:35px;height:35px;flex:none;background:#e9eadf;color:#688060;border-radius:11px;font-family:Georgia,serif;font-size:21px}.home-reassurance b{display:block;font-size:12px;font-weight:650;color:#4c624d;margin-bottom:4px}.home-reassurance small{display:block;font-size:10px;color:#8a907e;line-height:1.5}.home-main .section-title{margin:33px 0 18px}.home-main .section-title h2{color:#354b3b;font-family:Georgia,serif;font-weight:500;font-size:30px;letter-spacing:-.8px;margin:7px 0 0}.home-main .section-title>span{color:#929785;font-size:11px}.home-main .filters{gap:9px;margin-bottom:23px}.home-main .filters button{color:#6b7665;border:1px solid #d9dece;background:#fdfcf7;font-size:11px;padding:10px 16px;border-radius:100px}.home-main .filters button[aria-pressed=true]{color:#fffdf6;background:#527457;border-color:#527457;box-shadow:0 2px 5px #44634a13}.home-main .filters small{font-size:10px;opacity:.7}.home-main .cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.home-main .card{border:1px solid #e1dfd2;background:#fffdf8;border-radius:15px;box-shadow:0 3px 10px #554b2f05;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}.home-main .card:hover{border-color:#9eb093;box-shadow:0 8px 22px #4b634414;transform:translateY(-4px)}.home-main .card:focus-visible{outline:3px solid #5c8151;outline-offset:4px}.home-main .card .art{height:148px;position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;color:#6b876b;background:#e9eddf;letter-spacing:0}.home-main .card .art:after{content:'';position:absolute;left:12%;right:12%;height:20px;bottom:12px;background:#42664012;border-radius:50%;filter:blur(7px);z-index:-1}.home-main .details{padding:17px 17px 16px}.home-main .details h3{color:#334e3b;font-size:16px;letter-spacing:-.3px;margin:0 0 7px;line-height:1.3;gap:0}.home-main .details p{font-size:11px;line-height:1.7;color:#91937f;margin:0 0 17px;min-height:37px}.home-main .new{display:none}.home-main .card-bottom{font-size:9px;gap:8px;align-items:center}.home-main .card-bottom span:first-child{color:#989a87;max-width:145px;line-height:1.5}.home-main .card-bottom b{color:#56734f;font-size:10px;background:#edf1e5;border:1px solid #e0e7d5;padding:6px 9px;border-radius:7px;white-space:nowrap;font-weight:600}.home-main .card .card-record{color:#6e8a57;font-size:10px;border-color:#e9eadc;padding-top:11px;margin-top:12px}.home-main .card[data-game=road] .card-bottom b{color:#56734f}.home-main .card[data-game=road]{border-color:#e1dfd2}.home-main .card[data-game=spider] .art{background:#ece6eb}.home-main .card[data-game=klondike] .art{background:#e4ebe0}.home-main .card[data-game=mahjong] .art{background:#eee9d8}.home-main .card[data-game=tarot] .art{background:#eee4d4}.home-main .card[data-game=belote] .art{background:#e3e9e8}.home-main .card[data-game=merge] .art{background:#f0e9d9}.home-main .card[data-game=memory] .art{background:#f0e5db}.home-main .card[data-game=reflex] .art{background:#e1eae8;color:#759b96}.home-main .card[data-game=number] .art{background:#ebe5ec;color:#9e83a5}.home-main .card[data-game=mines] .art{background:#e8e7df;color:#87957d}.home-main .card[data-game=sudoku] .art{background:#e8ece6}.home-main .card[data-game=connect] .art{background:#e3e9eb}.home-main .card[data-game=snake] .art{background:#e4eadc;color:#839f69}.home-main .card[data-game=taquin] .art{background:#eae5d6}.home-main .card[data-game=simon] .art{background:#eae5e6}.home-main .card .art svg{width:135px;height:105px}.preview-fan{position:relative;width:190px;height:126px}.preview-fan img{position:absolute;width:68px;height:96px;top:16px;left:64px;border-radius:5px;box-shadow:1px 5px 7px #2a39282b;transform-origin:50% 90%}.preview-fan img:nth-child(1){transform:rotate(-17deg) translateX(-34px)}.preview-fan img:nth-child(2){transform:rotate(-2deg);z-index:1}.preview-fan img:nth-child(3){transform:rotate(15deg) translateX(30px);z-index:2}.preview-mahjong{display:flex;gap:4px;align-items:center;transform:rotate(-7deg)}.preview-mahjong img{width:48px;height:64px;border-radius:5px;box-shadow:1px 4px 0 #c5b183,2px 6px 5px #6f70442a}.preview-mahjong img:nth-child(2){transform:translateY(-8px)}.preview-tiles{display:grid;grid-template-columns:repeat(2,46px);gap:6px;transform:rotate(-7deg)}.preview-tiles span{height:43px;border-radius:7px;display:grid;place-items:center;background:#f9eed3;color:#8b6d42;border:1px solid #e6d8b5;box-shadow:0 3px 0 #cbb58b;font:650 23px system-ui}.preview-tiles span:nth-child(2){background:#dce6c4;color:#6b8154}.preview-tiles span:nth-child(3){background:#f1d5ae;color:#9d7548}.preview-tiles span:nth-child(4){background:#b9cfaa;color:#486c42}.preview-sudoku{display:grid;grid-template-columns:repeat(3,33px);background:#faf9ec;border:2px solid #9fad9a;transform:rotate(5deg);border-radius:5px;overflow:hidden;box-shadow:1px 5px 8px #43573b15}.preview-sudoku span{height:32px;border:1px solid #d5dccb;display:grid;place-items:center;color:#6d8269;font:20px Georgia,serif}.preview-sudoku span:nth-child(2n){color:#a2af94}.preview-memory{display:flex;gap:8px;transform:rotate(-5deg)}.preview-memory span{height:83px;width:59px;background:#fff9e8;border:2px solid #ece2c4;border-radius:7px;display:grid;place-items:center;font-size:28px;box-shadow:0 4px 0 #c9b98f}.preview-memory span:first-child{background-image:url('assets/table/back.svg');background-size:100% 100%;color:transparent;border:0;transform:rotate(-8deg)}.preview-memory span:last-child{transform:translateY(6px) rotate(9deg)}.preview-connect{display:grid;grid-template-columns:repeat(5,18px);gap:6px;padding:12px;background:#80a4b5;border-radius:9px;border:1px solid #b9cdd5;box-shadow:0 4px 0 #5b7f92;transform:rotate(4deg)}.preview-connect span{height:18px;border-radius:50%;background:#d5e1e5;box-shadow:inset 0 2px 2px #486c7c44}.preview-connect span.yellow{background:#e9c56b;box-shadow:inset 0 -2px 0 #c7a454}.preview-connect span.red{background:#cf8d83;box-shadow:inset 0 -2px 0 #b77b74}.preview-simon{width:111px;height:111px;display:grid;grid-template-columns:repeat(2,1fr);gap:6px;border-radius:50%;background:#7a8177;padding:7px;position:relative;transform:rotate(-9deg);box-shadow:0 4px 0 #666f62}.preview-simon span:nth-child(1){background:#a7bd8d;border-radius:100% 8px 8px 8px}.preview-simon span:nth-child(2){background:#b4a2c1;border-radius:8px 100% 8px 8px}.preview-simon span:nth-child(3){background:#d5ae84;border-radius:8px 8px 8px 100%}.preview-simon span:nth-child(4){background:#8eafb7;border-radius:8px 8px 100% 8px}.preview-simon:after{content:'';position:absolute;left:39px;top:39px;width:33px;height:33px;border:5px solid #798274;background:#d1d6c8;border-radius:50%}.home-main .records-panel{background:#eeefe3;border:1px solid #d9dfca;border-radius:17px;box-shadow:none;margin-top:43px;padding:29px 32px;gap:45px;align-items:start}.home-main .records-panel h2{font:500 28px/1.2 Georgia,serif;color:#3b553f;letter-spacing:-.7px;margin:10px 0 13px}.home-main .records-panel p{font-size:12px;line-height:1.8;color:#819071;max-width:360px;margin:0}.home-main .record-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.home-main .record-list>div{font-size:10px;padding:10px 0;border-bottom:1px solid #d7dfc6;gap:8px;align-items:center}.home-main .record-list>div:last-child{border:0}.home-main .record-list span{color:#7a8d6d}.home-main .record-list strong{color:#496842;font-size:10px;font-weight:600;white-space:nowrap}.personal-progress{display:flex;gap:22px;margin-top:25px;padding-top:18px;border-top:1px solid #d5ddc5;max-width:360px}.personal-progress>div{display:flex;gap:8px;align-items:center}.personal-progress strong{font-size:24px;font-weight:550;color:#6c8956}.personal-progress span{font-size:9px;color:#8b987a;max-width:90px;line-height:1.5}.home-how{padding:41px 0 32px;border-bottom:1px solid #e2e1d4}.home-how-head{text-align:center}.home-how h2,.home-faq h2{font:500 29px Georgia,serif;color:#3d563f;letter-spacing:-.7px;margin:9px 0 12px}.home-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:27px}.home-steps>div{display:flex;align-items:flex-start;gap:12px}.home-steps .step-number{flex:none;width:31px;height:31px;border:1px solid #d6deca;background:#e9edde;border-radius:10px;color:#7e976c;display:grid;place-items:center;font:18px Georgia,serif}.home-steps h3{color:#607756;font-size:12px;font-weight:650;margin:2px 0 6px}.home-steps p{font-size:11px;color:#929a83;line-height:1.8;margin:0}.home-faq{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;margin:36px 0 17px;align-items:start}.home-faq>div>p{font-size:12px;color:#8a957d;line-height:1.9;max-width:300px}.home-faq details{border-bottom:1px solid #e0e3d4;margin:0;padding:16px 0}.home-faq details:first-child{padding-top:4px}.home-faq summary{font-size:12px;color:#5d7654;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;font-weight:600}.home-faq summary:after{content:'+';font-size:20px;font-weight:400;color:#8aa074}.home-faq details[open] summary:after{content:'−'}.home-faq details p{color:#89967d;font-size:11px;line-height:1.85;margin:13px 20px 2px 0}.home-faq details a{color:#52784c;text-decoration:underline}.home-footer{max-width:1180px;margin:0 auto 20px;border-top:1px solid #dedfd0;padding:25px 26px;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:18px;color:#9b9f8a;font-size:10px}.home-footer>span:first-child{font-weight:600;color:#708669}.home-footer .privacy-links{gap:15px;max-width:620px;justify-content:flex-end}.home-footer .privacy-links a{color:#8b977c;font-size:10px;text-decoration:none}.home-footer .privacy-links a:hover{color:#4f7448;text-decoration:underline}.home-main .ad-placement{border-color:#e0dfd3}.home-main .ad-label{color:#a0a58d}.home-main .ad-example{background:#edf0e4;border-color:#c9d4bd}.home-main .ad-example strong{color:#6c865e}.home-main .ad-example span{color:#92a382}body:not(.playing) .storage-banner{background:#fffdf6f7;border-color:#d0d9c2;color:#3f5b3e;box-shadow:0 8px 50px #4c623030}body:not(.playing) .storage-banner strong{color:#3f5b3e}body:not(.playing) .storage-banner p{color:#7b8b71}body:not(.playing) .storage-banner a{color:#628357}body:not(.playing) .storage-choices button{background:#edf1e5;border-color:#c1cfb3;color:#54754b}body:not(.playing) .storage-choices button:hover{background:#dfe8d4}
@media(max-width:1050px){.home-main .cards{grid-template-columns:repeat(3,minmax(0,1fr))}.home-main .hero{gap:30px}.home-main .hero h1{font-size:54px}.home-header nav{gap:20px}.home-main .record-list{grid-template-columns:1fr}.home-main .records-panel{gap:32px}.home-faq{gap:35px}}
@media(max-width:700px){.home-header{padding:19px 19px;gap:13px}.home-header .brand{font-size:20px;gap:8px}.home-brand-mark{width:32px;height:32px;border-radius:10px}.home-brand-mark svg{width:25px;height:25px}.home-header nav{gap:13px}.home-header nav a{font-size:11px}.home-header nav a:nth-child(2),.home-header nav a:nth-child(3){display:none}.home-header .badge{font-size:9px;padding:7px 9px}.home-main{padding:27px 19px 20px}.home-main .hero{grid-template-columns:1fr;gap:25px}.home-main .hero h1{font-size:clamp(39px,8vw,52px);line-height:1.12;letter-spacing:-1.7px;margin:17px 0}.home-main .intro{font-size:13px;line-height:1.85;max-width:430px}.home-main .hero-actions{margin-top:22px;gap:10px}.home-main .primary,.home-main .secondary{font-size:12px;padding:12px 15px;min-height:44px}.home-main .trust{gap:13px;font-size:9px;margin-top:17px}.home-main .text-button{font-size:10px;padding-top:14px}.home-main .daily-card{transform:none;display:grid;grid-template-columns:1fr 103px;gap:0 15px;padding:19px 20px;border-radius:16px}.home-main .daily-top{grid-column:1/-1}.home-main .puzzle-art{width:94px;grid-column:2;grid-row:2;margin:24px 0;transform:rotate(-7deg);gap:5px}.home-main .puzzle-art span{font-size:16px;border-radius:5px;box-shadow:0 3px 0 #b59a6f}.home-main .daily-bottom{grid-column:1;grid-row:2}.home-main .daily-bottom h2{font-size:23px;line-height:1.12}.home-main .daily-bottom p{font-size:10px;line-height:1.7}.home-main .daily-arrow{display:none}.home-main .daily-progress{grid-column:1/-1;font-size:9px;margin-top:4px;padding-top:11px}.home-reassurance{gap:12px;margin-top:27px;padding:18px 0}.home-reassurance>div{flex-direction:column;align-items:flex-start;gap:9px}.home-reassurance .reassurance-icon{width:30px;height:30px;border-radius:9px;font-size:18px}.home-reassurance b{font-size:10px;line-height:1.4;margin-bottom:4px}.home-reassurance small{font-size:8px;line-height:1.7}.home-main .section-title{margin-top:28px;margin-bottom:17px}.home-main .section-title h2{font-size:29px}.home-main .section-title>span{display:none}.home-main .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-main .filters{gap:7px;margin-bottom:20px}.home-main .filters button{font-size:10px;padding:9px 12px}.home-main .card .art{height:131px}.home-main .details{padding:14px 12px}.home-main .details h3{font-size:15px;line-height:1.3;margin-bottom:7px}.home-main .details p{font-size:10px;line-height:1.7;min-height:34px;margin-bottom:12px}.home-main .card-bottom{font-size:8px;gap:5px}.home-main .card-bottom span:first-child{max-width:84px}.home-main .card-bottom b{font-size:8px;padding:5px 7px}.home-main .card .card-record{font-size:9px;line-height:1.7}.preview-fan{transform:scale(.9)}.preview-mahjong img{width:39px;height:53px}.preview-mahjong{gap:3px}.preview-sudoku{transform:rotate(5deg) scale(.86)}.preview-connect{transform:rotate(4deg) scale(.9)}.preview-memory{transform:rotate(-5deg) scale(.85)}.home-main .records-panel{grid-template-columns:1fr;padding:23px 21px;margin-top:30px;gap:18px;border-radius:15px}.home-main .records-panel h2{font-size:25px}.home-main .records-panel p{font-size:11px}.home-main .record-list{grid-template-columns:1fr 1fr;gap:0 15px}.home-main .record-list>div{font-size:9px;padding:9px 0;flex-direction:column;gap:4px;align-items:flex-start}.home-main .record-list strong{font-size:9px}.personal-progress{margin-top:17px;padding-top:14px;gap:20px}.personal-progress strong{font-size:23px}.personal-progress span{font-size:8px}.home-how{padding:31px 0 28px}.home-how h2,.home-faq h2{font-size:26px}.home-steps{grid-template-columns:1fr;gap:19px;margin-top:24px}.home-steps>div{gap:14px}.home-steps h3{font-size:12px}.home-steps p{font-size:11px}.home-faq{grid-template-columns:1fr;gap:16px;margin-top:30px}.home-faq>div>p{font-size:11px;max-width:none}.home-faq details{padding:15px 0}.home-faq summary{font-size:11px}.home-faq details p{font-size:10px}.home-footer{padding:22px 19px;flex-direction:column;gap:12px}.home-footer .privacy-links{justify-content:flex-start;gap:12px}.home-footer .privacy-links a{font-size:9px}}
@media(prefers-reduced-motion:reduce){.home-main .card{transition:none}.home-main .card:hover{transform:none}}