@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f2e9;color:#15333b;font-family:'DM Sans',sans-serif}header,main,footer{max-width:1160px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:30px 32px}.brand{display:flex;gap:9px;align-items:center;color:#15333b;text-decoration:none;font:800 18px Manrope,sans-serif;letter-spacing:2px}.brand>span{font-size:38px;line-height:1;letter-spacing:-5px}.brand>span>span{color:#b28748;font-size:20px;vertical-align:top}.brand>small{font-size:9px;letter-spacing:3px;margin-left:6px;border-left:1px solid #a7b4aa;padding-left:14px}.top-link{font-size:12px;text-decoration:none;color:#305251;border-bottom:1px solid #b7bdb1;padding-bottom:6px}main{padding:10px 32px 40px}.intro{padding:45px 0 40px;position:relative}.eyebrow{letter-spacing:2px;font-size:10px;font-weight:700;color:#5c7668;display:flex;align-items:center;gap:10px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:#6e9579}.intro h1{font-family:Manrope,sans-serif;font-size:clamp(40px,5vw,66px);font-weight:800;letter-spacing:-3px;line-height:1.12;margin:22px 0}.intro h1 em{font-style:normal;color:#789a80}.lead{position:absolute;left:58%;bottom:45px;color:#65756c;font-size:15px;line-height:1.8}.games{display:grid;grid-template-columns:1fr 1fr;gap:26px}.game{background:#fffdf6;border:1px solid #e1e3d7;border-radius:22px;overflow:hidden;box-shadow:0 10px 35px #23462d08}.art{height:272px;position:relative;overflow:hidden}.landscape{background:linear-gradient(160deg,#b2d0c7,#719d97)}.sun{position:absolute;left:64%;top:27px;width:92px;height:92px;border-radius:50%;background:#f3d9a3;box-shadow:0 0 70px #f8dfac99}.mountain{position:absolute;width:320px;height:260px;background:#416d69;transform:rotate(42deg);bottom:-170px;left:-45px;border-radius:18%}.mountain.back{left:280px;bottom:-125px;background:#80a294}.fort{position:absolute;left:calc(50% - 100px);bottom:35px;width:200px;height:105px;background:#d9b882;border:8px solid #ac895b;border-bottom:0;border-radius:20px 20px 0 0;box-shadow:18px 10px 0 #294d4b30}.fort:after{content:'';position:absolute;width:45px;height:67px;background:#455d54;border-radius:30px 30px 0 0;bottom:0;left:70px}.fort i{position:absolute;top:-25px;width:43px;height:122px;background:#c69e6b;border-top:14px solid #e5c99b}.fort i:first-child{left:-18px}.fort i:last-child{right:-18px}.fort b{position:absolute;top:-70px;left:83px;font-size:47px;color:#245965}.art-caption{position:absolute;bottom:13px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:2.2px;color:#f6f4ddc9}.puzzle{background:radial-gradient(at 28% 20%,#c3dad5,transparent 80%),#5c9297}.board{display:grid;grid-template-columns:repeat(3,62px);gap:8px;width:max-content;padding:13px;background:#214b5a;border:3px solid #95bcb4;transform:rotate(-9deg);position:absolute;left:calc(50% - 116px);top:8px;box-shadow:15px 20px 0 #17394130;border-radius:20px}.board i{display:grid;place-items:center;width:62px;height:62px;background:linear-gradient(#ecb456,#ce8736);border-radius:13px;border:2px solid #f9d48b;color:#fff0bf;font-style:normal;font-size:42px;box-shadow:inset 0 -5px #ac682e55}.board i:nth-child(3n+2){background:linear-gradient(#81b99b,#397c70);border-color:#b3d8b3;color:#daf0c7}.board i:nth-child(3n){background:linear-gradient(#e59197,#b85370);border-color:#f1b4b8;color:#ffe5d3}.spark{position:absolute;color:#fff1ba;font-size:52px}.s1{left:16%;top:45px}.s2{right:15%;bottom:25px;font-size:40px}.info{padding:25px 28px 24px}.tags{display:flex;gap:8px}.tags span{font-size:8px;font-weight:700;letter-spacing:1px;border-radius:4px;background:#edf1e9;color:#6c8474;padding:6px 8px}h2{font:800 30px Manrope,sans-serif;letter-spacing:-1px;margin:17px 0 10px}h2 small{vertical-align:middle;background:#e3ecd6;color:#72924b;font:700 8px 'DM Sans',sans-serif;letter-spacing:1px;padding:5px 7px;border-radius:4px;margin-left:8px}.info p{font-size:13px;line-height:1.8;color:#748177;min-height:47px;margin:0 0 22px}.play{display:flex;justify-content:space-between;align-items:center;min-height:51px;background:#173e47;color:#fff9df;border-radius:9px;padding:14px 18px;text-decoration:none;font-size:13px;font-weight:700;transition:background .2s,transform .2s}.play:hover{background:#2c6467;transform:translateY(-2px)}.play span{font-size:23px}.info>small{display:block;text-align:center;color:#8c988c;font-size:9px;margin-top:12px}.bottom-note{display:flex;align-items:center;gap:20px;margin:35px 0 0;padding:24px 5px;border-top:1px solid #d7dfd0}.bottom-note>span{font-size:36px;color:#8aa18b}.bottom-note h3{font-size:13px;margin:0 0 5px}.bottom-note p{font-size:11px;color:#899489;margin:0}footer{padding:10px 32px 30px;display:flex;justify-content:space-between;font-size:10px;color:#8a958b}@media(max-width:700px){header{padding:24px}.brand>small{display:none}main{padding:0 24px 20px}.intro{padding:24px 0}.intro h1{letter-spacing:-2px}.lead{position:static;font-size:13px}.games{grid-template-columns:1fr}.art{height:245px}.info{padding:22px}.info p{min-height:0}footer{padding:10px 24px 25px;gap:15px}.top-link{font-size:10px}}
