.welcome{display:grid;grid-template-columns:minmax(280px,1fr) minmax(260px,.7fr);align-items:center;align-content:center;gap:clamp(28px,6vw,74px);min-height:0;padding:12px 5vw}.welcome h1{max-width:520px;margin:0;color:var(--forest);font-size:clamp(2rem,3.8vw,3.35rem);line-height:1.08;letter-spacing:-.045em}.welcome__lead{margin:13px 0 19px;color:var(--muted);font-size:1rem;line-height:1.5}.quick-stats{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:21px 0 0;color:var(--muted);font-size:.87rem}.quick-stats span:first-child{color:#927116}.quick-stats span:last-child{color:var(--green)}.quick-stats b{color:var(--ink)}.quick-stats i{color:#a7b9a9;font-style:normal}.construction-card{position:relative;width:min(100%,330px);min-height:225px;justify-self:center;border-radius:23px;background:#d9efce;overflow:hidden;box-shadow:var(--shadow)}.construction-card__scene{position:absolute;inset:24px 19px 0;display:grid;place-items:center;background:linear-gradient(180deg,#c5e9cf,#eaf7db);border-radius:18px 18px 0 0}.scene-sign{z-index:1;display:grid;gap:3px;min-width:155px;padding:15px 12px;text-align:center;color:#fff9d9;background:var(--forest);border:5px solid #d19a46;border-radius:8px;box-shadow:0 8px 0 rgba(23,60,46,.18);transform:rotate(-3deg)}.scene-sign span{font-size:.58rem;letter-spacing:.15em;font-weight:900}.scene-sign strong{font-size:1rem;letter-spacing:.06em}.scene-tools{position:absolute;z-index:2;display:flex;gap:11px;bottom:35px;font-size:1.8rem;animation:bob 2.8s ease-in-out infinite}.scene-tools span:first-child{transform:rotate(-22deg)}.scene-grass{position:absolute;bottom:4px;color:#529646;font-size:.85rem;word-spacing:5px}.scene-leaf{position:absolute;color:#77b95d;font-size:2.8rem}.leaf--one{bottom:14px;left:8px}.leaf--two{right:12px;top:29px}.construction-card__spark{position:absolute;z-index:3;color:var(--sun);font-size:1rem;animation:twinkle 2s ease-in-out infinite}.spark--one{top:13px;left:11px}.spark--two{right:17px;top:43px;animation-delay:.7s}.cloud--one,.cloud--two{position:absolute;border-radius:999px;background:rgba(255,255,255,.55)}.cloud--one{width:45px;height:14px;top:31px;left:26px}.cloud--two{width:33px;height:10px;top:62px;right:38px}.hof-modal{width:min(92vw,480px);border:0;border-radius:22px;padding:26px 28px;color:var(--ink);background:var(--paper);box-shadow:0 24px 75px rgba(12,47,32,.3)}.hof-modal::backdrop{background:rgba(15,53,37,.45);backdrop-filter:blur(3px)}.hof-modal__header{display:flex;justify-content:space-between;gap:16px}.hof-modal>p{color:var(--muted);line-height:1.55}.modal-close{width:34px;height:34px;border:0;border-radius:50%;color:var(--forest);background:#e4f2df;font-size:1.6rem;line-height:1}.ranking-list--modal{margin-top:8px}@keyframes bob{50%{transform:translateY(-5px)}}@keyframes twinkle{50%{transform:scale(.65) rotate(30deg);opacity:.5}}
@media (max-width:720px){.welcome{grid-template-columns:1fr;gap:18px;padding:15px 5vw}.welcome__copy{text-align:center;order:1}.welcome h1{margin:auto}.quick-stats{justify-content:center}.construction-card{order:0;min-height:174px;width:240px}.construction-card__scene{inset:18px 15px 0}.scene-sign{min-width:132px;padding:12px 9px}.scene-tools{bottom:25px;font-size:1.45rem}.scene-grass{font-size:.68rem}.scene-leaf{font-size:2rem}.leaf--two{top:18px}.cloud--one{top:21px}.cloud--two{top:42px}}
@media (max-width:440px){.welcome{padding:8px 0}.welcome h1{font-size:1.9rem}.construction-card{min-height:148px;width:205px}.construction-card__scene{inset:15px 13px 0}.scene-sign{min-width:117px;padding:9px 7px}.scene-sign strong{font-size:.8rem}.scene-sign span{font-size:.49rem}.scene-tools{bottom:20px;font-size:1.22rem}.quick-stats{margin-top:16px}}
.game-preview{position:relative;display:block;width:min(100%,330px);min-height:225px;justify-self:center;overflow:hidden;border:0;border-radius:23px;color:var(--forest);background:linear-gradient(145deg,#d9efce,#c4e5be);box-shadow:var(--shadow);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.game-preview:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(31,92,66,.18)}.game-preview__label{position:absolute;z-index:3;top:12px;right:12px;padding:6px 10px;border-radius:999px;color:#fff;background:var(--forest);font-size:.7rem;font-weight:900}.game-preview__heading{position:absolute;z-index:2;top:20px;left:18px;max-width:150px;text-align:left;font-size:.94rem;font-weight:900;line-height:1.15}.game-preview__board{position:absolute;inset:66px 18px 16px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:8px;border-radius:16px;background:rgba(255,253,246,.7)}.preview-tile{position:relative;display:grid;place-items:center;min-width:0;border-radius:8px;background:#fffdf5;box-shadow:0 2px 0 #a5d1a2}.preview-tile img{width:82%;height:82%;object-fit:contain}.preview-tile.is-demo-match{z-index:2;animation:preview-match 4s ease-in-out infinite;animation-delay:.4s}.game-preview__line{position:absolute;z-index:2;top:102px;left:67px;width:110px;height:4px;border-radius:999px;background:#35b86b;box-shadow:0 0 8px rgba(53,184,107,.8);opacity:0;transform:rotate(28deg);transform-origin:left center;animation:preview-line 4s ease-in-out infinite;pointer-events:none}@keyframes preview-match{0%,18%,100%{box-shadow:0 2px 0 #a5d1a2;transform:scale(1)}24%,43%{box-shadow:0 0 0 3px #35b86b,0 0 14px rgba(53,184,107,.8);transform:scale(1.06)}50%{box-shadow:0 2px 0 #a5d1a2;transform:scale(1)}}@keyframes preview-line{0%,21%,100%{opacity:0}27%,43%{opacity:1}50%{opacity:0}}@media(max-width:720px){.game-preview{order:0;min-height:174px;width:240px}.game-preview__board{inset:56px 14px 12px;gap:3px;padding:6px}.game-preview__heading{top:16px;left:14px;font-size:.8rem}.game-preview__label{top:9px;right:9px;font-size:.62rem}.game-preview__line{top:84px;left:49px;width:83px}}@media(max-width:440px){.game-preview{min-height:148px;width:205px}.game-preview__board{inset:49px 12px 10px}.game-preview__line{top:73px;left:43px;width:69px}}
@media (prefers-reduced-motion:reduce){.game-preview,.preview-tile.is-demo-match,.game-preview__line{animation:none;transition:none}.game-preview__line{opacity:.8}}
.game-preview__heading{top:31px;left:0;right:0;max-width:none;text-align:center;font-size:1rem}.game-preview__board{inset:91px 32px 35px;display:flex;align-items:center;justify-content:space-between;padding:0;background:transparent}.preview-tile{z-index:2;width:76px;aspect-ratio:1;min-width:0;border-radius:14px}.preview-tile.is-demo-match{animation:preview-match 3.5s ease-in-out infinite}.game-preview__line{z-index:1;top:143px;left:calc(50% - 42px);width:84px;opacity:1;transform:none;animation:none}@media(max-width:720px){.welcome__copy{order:0}.game-preview{order:1}.game-preview__heading{top:22px;font-size:.84rem}.game-preview__board{inset:68px 28px 23px}.preview-tile{width:59px;border-radius:11px}.game-preview__line{top:108px;left:calc(50% - 32px);width:64px}}@media(max-width:440px){.game-preview__heading{top:19px;font-size:.76rem}.game-preview__board{inset:57px 25px 17px}.preview-tile{width:51px;border-radius:10px}.game-preview__line{top:91px;left:calc(50% - 28px);width:56px}}