:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#17392d;background:#f7f8f2}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input{font:inherit}.skip-link{position:absolute;left:1rem;top:-5rem;z-index:10;background:#fff;padding:.7rem}.skip-link:focus{top:1rem}.site-header{background:#fff;border-bottom:1px solid #e4e9df}.header-inner,.page-shell,.site-footer{max-width:1220px;margin:auto;padding-left:24px;padding-right:24px}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;letter-spacing:.1em;font-size:1.1rem;line-height:1.05}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#d6e8bd;color:#1f643e;font-size:1.9rem}.brand-sub{display:block;color:#4c8450;font-size:.7rem;letter-spacing:.27em;margin-top:5px}.top-nav{display:flex;align-items:center;gap:28px;height:82px}.top-nav a{height:100%;display:flex;align-items:center;text-decoration:none;color:#53665b;font-size:.92rem;font-weight:700;border-bottom:3px solid transparent}.top-nav a:hover,.top-nav a.active{color:#246438;border-color:#7aa943}.page-shell{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:48px;padding-top:50px;padding-bottom:100px;min-height:calc(100vh - 160px)}.intro{padding:8px 0 38px;border-bottom:1px solid #dde5d9}.eyebrow{font-size:.72rem;letter-spacing:.19em;font-weight:800;color:#658b43;text-transform:uppercase}.intro h1{font-size:clamp(2.2rem,4.4vw,3.7rem);line-height:1.08;letter-spacing:-.05em;margin:11px 0 16px}.intro p{font-size:1.05rem;line-height:1.65;color:#65746a;max-width:640px;margin:0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:35px 0 23px}.section-heading h2{font-size:1.7rem;letter-spacing:-.035em;margin:6px 0 0}.count{font-size:.85rem;font-weight:700;color:#638052;background:#e8f1dc;border-radius:99px;padding:4px 9px;vertical-align:middle;margin-left:5px}.filters{display:flex;gap:8px}.filters button{cursor:pointer;border:1px solid #d6dfd3;color:#53695a;background:#fff;border-radius:99px;padding:8px 14px;font-weight:700;font-size:.78rem}.filters button.selected,.filters button:hover{background:#254d35;border-color:#254d35;color:#fff}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.game-card{overflow:hidden;border-radius:17px;background:#fff;border:1px solid #e0e7dc;box-shadow:0 10px 28px rgba(25,53,32,.055);transition:transform .15s,box-shadow .15s}.game-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(25,53,32,.11)}.game-card.featured{grid-column:span 2;display:grid;grid-template-columns:1.15fr 1fr}.game-art{min-height:208px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 18%,#f8db7c 0 8%,transparent 8.5%),linear-gradient(150deg,#a9d8a4 0%,#5a9e70 51%,#214e46 100%)}.game-card.featured .game-art{min-height:330px}.game-art:before,.game-art:after{content:"";position:absolute;border-radius:50%}.game-art:before{width:125%;height:56%;left:-12%;bottom:-28%;background:#23573b;box-shadow:0 -24px 0 #4b9457,0 -45px 0 #80b46a}.game-art:after{width:125px;height:125px;left:21%;bottom:22%;background:#9bd250;border:16px solid #528a3e;box-shadow:75px 32px 0 -35px #f8ebba,190px -4px 0 -40px #294345}.art-flower{position:absolute;left:53%;top:26%;font-size:5rem;filter:drop-shadow(0 7px 4px #315d4950);transform:rotate(-13deg)}.art-tag{position:absolute;left:19px;top:19px;background:#fffef2;color:#385839;font-weight:800;font-size:.75rem;padding:8px 11px;border-radius:7px}.game-content{padding:23px}.game-card.featured .game-content{padding:33px;display:flex;flex-direction:column;justify-content:center}.game-meta{color:#648347;font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.game-content h3{font-size:1.5rem;letter-spacing:-.03em;line-height:1.2;margin:12px 0}.game-card.featured h3{font-size:2rem}.game-content p{color:#68766b;line-height:1.6;margin:0 0 24px}.play-link{display:inline-flex;width:max-content;align-items:center;gap:9px;background:#284e36;color:#fff;text-decoration:none;border-radius:9px;padding:11px 16px;font-weight:800;font-size:.88rem}.play-link:hover{background:#3c7342}.sidebar{padding-top:13px}.side-block{background:#fff;border:1px solid #e1e8dd;padding:23px;border-radius:13px;margin-bottom:19px}.side-block h2,.side-note h2{font-size:1.06rem;margin:0 0 18px}.search-label{display:block;font-size:.76rem;color:#67796b;margin-bottom:8px}.side-block input{width:100%;padding:11px 12px;border:1px solid #d8e2d6;border-radius:8px;outline-color:#5b904d;background:#fbfcf8}.latest-list{padding:0;margin:0;list-style:none}.latest-list li{border-top:1px solid #e9eee7;padding:13px 0}.latest-list li:first-child{border-top:0;padding-top:0}.latest-list a{display:block;text-decoration:none;font-weight:800;font-size:.87rem}.latest-list a:hover{text-decoration:underline}.latest-list small{display:block;color:#7a8c78;margin-top:5px}.side-note{background:#e4efdb;border-radius:13px;padding:25px}.side-note-icon{font-size:2rem;color:#5c9144}.side-note h2{margin:11px 0}.side-note p{font-size:.86rem;line-height:1.6;color:#5a6e5a}.side-note a{font-size:.83rem;font-weight:800;color:#2c683d}.empty,.loading{color:#67796b;padding:20px 0}.site-footer{border-top:1px solid #dfe6dc;display:flex;justify-content:space-between;gap:10px;padding-top:22px;padding-bottom:25px;color:#7a897b;font-size:.76rem}@media(max-width:850px){.page-shell{grid-template-columns:1fr;gap:15px;padding-top:32px}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:16px}.side-block,.side-note{margin:0}.side-note{grid-column:span 2}}@media(max-width:620px){.header-inner{min-height:70px}.top-nav{height:70px;gap:16px}.top-nav a{font-size:.79rem}.brand{font-size:.85rem}.brand-mark{width:35px;height:35px}.page-shell{padding-left:16px;padding-right:16px}.section-heading{align-items:start;flex-direction:column}.game-grid{grid-template-columns:1fr}.game-card.featured{grid-column:auto;display:block}.game-card.featured .game-art{min-height:230px}.game-card.featured .game-content{padding:23px}.game-card.featured h3{font-size:1.5rem}.sidebar{display:block}.side-block,.side-note{margin-bottom:16px}.site-footer{padding-left:16px;padding-right:16px}}