/* PlayVello brand: warm orange, garden green and a little room to play. */
.game-detail .detail-cover{height:auto}
.game-breadcrumbs{margin:4px 0 12px;font-size:14px;color:#7a886e}.game-breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;gap:7px;margin:0;padding:0}.game-breadcrumbs li+li:before{content:'/';margin-right:7px;color:#b2bba8}.game-breadcrumbs a:hover{text-decoration:underline}.game-facts{display:grid;grid-template-columns:1fr 1fr;gap:15px 22px;padding:21px 0;margin:24px 0 0;border-block:1px solid #e0e6d6}.game-facts dt{font-size:12px;color:#849174;text-transform:uppercase;letter-spacing:.8px}.game-facts dd{margin:4px 0 0;font-size:15px;color:#53694a}.game-facts dd a{text-decoration:underline;text-underline-offset:3px}.game-guide{max-width:900px;margin:30px 0 35px}.game-guide>section{padding:27px 0;border-top:1px solid #e0e6d6}.game-guide h2{margin:0 0 17px}.game-guide p,.game-guide li{font-size:17px;line-height:1.9;color:#69785e}.game-guide p{margin:12px 0}.game-guide ul{padding-left:23px}.game-guide li{padding-left:4px;margin-bottom:10px}.game-guide a{color:#456b35;text-decoration:underline;text-underline-offset:3px}.game-faq details{border-bottom:1px solid #e3e8db;padding:17px 0}.game-faq summary{font-size:17px;font-weight:600;color:#425c37;cursor:pointer}.game-faq details p{padding-left:0;max-width:800px}.game-detail .detail-cover{border-radius:15px}.game-more p{margin-bottom:0}@media(max-width:720px){.game-breadcrumbs{font-size:13px}.game-facts{gap:14px}.game-guide p,.game-guide li{font-size:16px}.game-guide h2{font-size:28px}.game-faq summary{font-size:16px}.game-guide{margin-top:25px}.game-guide>section{padding:24px 0}}
:root{--paper:#f8f9f5;--ink:#293f35;--muted:#6b7868;--green:#375c45;--orange:#ed794a;--line:#e3e7dc}
body{background:var(--paper);font-size:16px;line-height:1.65}.header{height:92px;min-height:92px;padding:0 38px;gap:50px;position:sticky;top:0;z-index:30;background:#fffefb;border-bottom:1px solid var(--line);flex-wrap:nowrap}.brand{font-size:31px;letter-spacing:-1.4px}.brand img{margin-right:11px;border-radius:12px;box-shadow:0 3px 9px #ed794a19}.wordmark{font-weight:800}.wordmark>span{font-weight:500}.wordmark>b{color:var(--orange)}.top-nav{height:100%;gap:31px;margin-left:0;flex-wrap:nowrap}.top-nav a{height:100%;display:flex;align-items:center;gap:7px;position:relative;font-size:16px;color:#778073}.top-nav a:hover,.top-nav a[aria-current]{color:var(--ink);text-decoration:none}.top-nav a[aria-current]:after{content:'';position:absolute;bottom:0;left:0;width:28px;height:3px;background:var(--orange);border-radius:3px}.new-dot{width:5px;height:5px;background:var(--orange);border-radius:50%}.header-search{width:245px;border-radius:9px;background:#f4f5f0;border-color:#e6e9df}.header-search input{font-size:16px}.menu-toggle{border:0}
.layout{display:grid;grid-template-columns:250px minmax(0,1fr);max-width:1680px;margin:auto}.sidebar{border-right:1px solid var(--line);padding:31px 19px 25px 25px;position:sticky;top:92px;height:calc(100dvh - 92px);overflow:auto;scrollbar-width:thin}.nav-caption{display:block;font-size:12px;font-weight:700;letter-spacing:1.2px;line-height:1.7;color:#839078;margin:0 10px 13px}.side-link{display:flex;align-items:center;gap:12px;border-radius:8px;padding:11px 13px;font-size:16px;color:#6a7a68;line-height:1.5;margin-bottom:4px}.side-link svg{width:20px;height:20px;color:#8a9b7e}.side-link:hover{background:#eef1e7;color:var(--green)}.side-link.active{background:#e6eddd;color:#3c5e40;font-weight:650}.side-link.active svg{color:#5b7b4f}.nav-divider{height:1px;background:var(--line);margin:25px 10px}.sidebar-note{margin:28px 6px 16px;background:#eef0e2;border:1px solid #e0e5d1;border-radius:12px;padding:21px 18px;position:relative;overflow:hidden}.sidebar-note strong{display:block;font:24px/1.2 var(--serif);position:relative;z-index:1}.note-star{position:absolute;right:4px;top:0;font-size:49px;color:#c2cfab}.note-signature{display:block;font-size:10px;letter-spacing:1.2px;font-weight:600;color:#81906e;margin-top:16px}.side-about{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 13px;color:#78856d;font-size:14px}.side-about svg{width:17px;height:17px}.main{padding:34px 42px 0;min-width:0;min-height:calc(100vh - 92px)}
.hero{position:relative;display:grid;grid-template-columns:1.2fr 1fr;background:linear-gradient(120deg,#f0f1e3,#edf0e2);border:1px solid #e3e7d6;border-radius:19px;overflow:hidden;min-height:460px}.hero-copy{position:relative;z-index:2;padding:36px 10px 32px 38px}.hero-tag{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.8;letter-spacing:1.25px;color:#718267;font-weight:700;max-width:430px}.hero-tag>span{width:5px;height:5px;flex-shrink:0;background:#82a06e;border-radius:50%}.hero h1{margin:18px 0 18px;font-weight:400;line-height:1.1;letter-spacing:-1.3px}.hero-brand{display:block;font:750 clamp(48px,4.5vw,75px)/1.12 'Segoe UI',Arial,sans-serif;letter-spacing:-3px;color:#2c4738;margin-bottom:13px}.hero-brand>span{color:var(--orange)}.hero-promise{display:block;font:43px/1.07 var(--serif);letter-spacing:-1.6px}.hero-promise em{font-style:normal;color:#df7950;position:relative;white-space:nowrap}.hero-promise em:after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:7px;border-top:3px solid #e6a383;border-radius:50%;transform:rotate(-3deg)}.hero p{color:#718066;font-size:16px;line-height:1.85;margin:0 0 23px;max-width:480px}.button{font-size:16px;background:var(--orange);border:1px solid #e57343;border-radius:8px;padding:12px 19px;box-shadow:0 4px 10px #a6552a0c;transition:background .2s,transform .2s}.button:hover{background:#dc693b;border-color:#d26336;transform:translateY(-2px)}.hero-footnote{display:flex;align-items:center;gap:7px;color:#7c886e;font-size:13px;margin-top:14px}.hero-footnote svg{width:16px;height:16px}
.hero-art{position:relative;min-height:450px;align-self:center}.orbit{position:absolute;left:12px;top:77px;width:295px;height:295px;border:1px dashed #cbd2b9;border-radius:50%;transform:rotate(-25deg)}.orbit-two{width:340px;height:235px;left:-8px;top:110px;transform:rotate(40deg);opacity:.55}.tile{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:25px;box-shadow:0 19px 29px #3b4c3118,inset 0 2px 3px #ffffffb0}.tile-blocks{background:linear-gradient(135deg,#afbea0,#96ac8b);width:151px;height:151px;top:83px;left:10px;transform:rotate(-14deg);border:1px solid #9aad8f}.block-pieces{display:grid;grid-template-columns:repeat(3,29px);gap:5px}.block-pieces i{height:29px;background:#e6e9d0;border-radius:5px;box-shadow:inset 0 2px 1px #fff9,0 3px 1px #7f9676}.block-pieces i:nth-child(3),.block-pieces i:nth-child(7){visibility:hidden}.tile-brand{background:linear-gradient(145deg,#f6a573,#ed8554);width:177px;height:177px;left:123px;top:180px;transform:rotate(12deg);border:1px solid #e99869;flex-direction:column;color:#fff3e1;box-shadow:0 20px 30px #b0753c20,inset 0 2px 3px #ffffff80}.tile-brand>svg{width:103px;height:103px;filter:drop-shadow(0 3px 1px #b3633b35)}.tile-brand>span{font-size:11px;letter-spacing:2.8px;font-weight:750;margin:2px 0 0 5px}.tile-dots{top:72px;left:230px;background:#faf8ec;width:89px;height:89px;border:1px solid #e9e6d6;border-radius:19px;transform:rotate(16deg);display:grid;grid-template-columns:repeat(2,17px);gap:11px;align-content:center;justify-content:center}.tile-dots i{width:17px;height:17px;border-radius:50%;background:#90a17a;box-shadow:inset 0 2px 0 #5c765220}.art-spark{position:absolute;color:#96a981;font-size:36px}.s1{top:38px;left:182px}.s2{top:325px;left:34px;font-size:43px;color:#c6a272}.art-dot{width:6px;height:6px;border-radius:50%;background:#c1c9a6;position:absolute}.d1{top:159px;left:332px}.art-caption{position:absolute;bottom:29px;left:45px;font:italic 16px var(--serif);transform:rotate(-5deg);color:#97a183}
.benefits{display:flex;align-items:center;justify-content:center;gap:29px;padding:23px 0;border-bottom:1px solid var(--line);font-size:14px;color:#7a876e}.benefits>span{display:flex;align-items:center;gap:8px}.benefits svg{height:18px;width:18px;color:#8d9f7d}.category-section{padding-top:31px}.section-heading{align-items:center;margin-bottom:18px}.section-heading .eyebrow{display:block;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;line-height:1.7;margin-bottom:4px;font-weight:600;color:#829070}h2{font:31px/1.2 var(--serif);font-weight:400;letter-spacing:-.8px}.text-link{color:#607654;font-size:15px}.category-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-top:0}.category-card{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-height:155px;border-radius:11px;border:1px solid #dfe4d6;padding:20px 16px 15px;transition:transform .2s,box-shadow .2s}.category-card:hover{transform:translateY(-4px);box-shadow:0 7px 18px #29422d0b;border-color:#cad5bc}.category-card.peach{background:#f8ece0;color:#ad8061}.category-card.lavender{background:#eeecf5;color:#9b8daf}.category-card.mint{background:#eaf0e5;color:#879e77}.category-card.yellow{background:#f7f1df;color:#b29f67}.category-card.blue{background:#eaf0f1;color:#89a0a6}.category-card.rose{background:#f6eae5;color:#b99388}.category-icon{display:block;color:inherit;margin-bottom:15px}.category-icon svg{width:31px;height:31px;stroke-width:1.5}.category-name{color:#4a5946;font-size:16px;line-height:1.4;font-weight:600}.category-count{font-size:13px;color:#7f8971;margin-top:6px}.category-arrow{right:12px;top:10px;color:#aab49b}
.catalog,.recommendations{margin-top:34px}.catalog h2{gap:10px}.sort-label{font-size:14px}.sort-label select{border-color:#dde3d4;border-radius:6px;background:transparent;font-size:15px}.catalog-tools{border-top:0;border-bottom:1px solid var(--line);padding:9px 0 17px}.catalog-search input{font-size:16px;background:transparent}.count{background:#ecefe5;border:0;border-radius:6px;color:#7e8e6c;font-size:14px}.empty-state{margin:0;min-height:250px;border:0;border-radius:0;background:transparent;padding:33px 20px 35px}.empty-art{background:#edf0e2;border:1px solid #e1e6d5;color:#99a987;width:61px;height:61px;display:flex;align-items:center;justify-content:center;border-radius:18px;transform:rotate(-8deg);margin:0 0 15px}.empty-art svg{width:32px;height:32px;stroke-width:1.3}.empty-state h3{font:29px/1.2 var(--serif);letter-spacing:-.6px;margin:4px 0 11px}.empty-state p{max-width:490px;font-size:16px;line-height:1.8;margin-bottom:13px;color:#7b886d}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.game-card{background:#fffefb;border-radius:12px;border-color:var(--line)}.game-card>div{padding:18px}.game-card h3{font:25px var(--serif)}.card-action{color:var(--green);border:0;background:none;padding:0;font-size:15px}.game-card:hover .card-action{background:none;color:var(--orange)}.recommended-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.recommended-card img{border-radius:10px}.recommended-card strong{font-size:16px;margin-top:8px}
.bottom-note{display:flex;align-items:center;gap:19px;position:relative;overflow:hidden;border-block:1px solid #e0e6d6;margin-top:14px;padding:27px 2px}.note-icon{display:flex;align-items:center;justify-content:center;background:#edf0e2;border:1px solid #dfe6d0;border-radius:50%;padding:12px;color:#8b9e75;flex-shrink:0}.note-icon svg{width:26px;height:26px}.bottom-note h2{font:27px/1.2 var(--serif);letter-spacing:-.5px;margin:0 0 7px}.bottom-note p{font-size:15px;color:#7a886d;margin:0}.note-doodle{position:absolute;right:28px;top:-10px;font-size:105px;line-height:1.3;color:#d5dfc5;transform:rotate(-10deg)}.bottom-note>div{z-index:1;padding-right:70px}.footer{display:flex;align-items:center;gap:21px;flex-wrap:wrap;background:transparent;border:0;padding:27px 0;color:#7d8a70;font-size:13px}.footer-brand{font-size:23px;font-weight:750;letter-spacing:-.8px;color:#536d46}.footer-brand>span{color:var(--orange)}.footer-tagline{font-size:13px}.footer nav{display:flex;gap:22px;flex-wrap:wrap;margin-left:auto;font-size:14px}.footer small{font-size:12px}.page-intro h1,.article h1{font:46px/1.15 var(--serif);font-weight:400;letter-spacing:-1.5px}.page-intro{padding:22px 0 30px}.page-intro p{font-size:17px}.article{padding-top:20px}.article h2{font:29px var(--serif)}.article p{font-size:17px}.breadcrumb{margin:5px 0 15px}.intro-icon{width:58px;height:58px;border-radius:15px}.intro-icon svg{height:30px;width:30px}.favorite-button{border-radius:7px}.player{border-radius:15px}
@media(min-width:1500px){.main{padding:40px 50px 0}.hero-copy{padding:42px 10px 36px 45px}.hero{min-height:490px}.hero-promise{font-size:48px}.hero-art{transform:scale(1.1);transform-origin:35% 45%}}
@media(max-width:1250px){.header{gap:35px;padding:0 28px}.layout{grid-template-columns:230px minmax(0,1fr)}.main{padding:28px 30px 0}.sidebar{padding:30px 15px}.hero-copy{padding:31px 5px 28px 28px}.hero{grid-template-columns:1.3fr 1fr}.hero-brand{font-size:58px}.hero-promise{font-size:40px}.hero-art{transform:scale(.8);transform-origin:10% 50%}.hero-tag{font-size:10px;letter-spacing:1px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-card{min-height:142px}.category-icon{margin-bottom:9px}.benefits{gap:18px;font-size:13px}.footer nav{margin-left:0}.top-nav{gap:24px}}
@media(max-width:1000px){.header{gap:24px;padding:0 24px}.brand{font-size:28px}.header-search{width:200px}.top-nav{gap:20px}.top-nav a{font-size:15px}.layout{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding:28px 13px}.side-link{font-size:15px;gap:10px;padding:10px}.nav-caption{font-size:11px;letter-spacing:.8px}.main{padding:25px 25px 0}.hero{display:block;min-height:0}.hero-copy{padding:30px}.hero-brand{font-size:62px}.hero-promise{font-size:42px}.hero p{max-width:440px}.hero-art{position:absolute;right:-10px;bottom:-5px;width:345px;transform:scale(.7);transform-origin:bottom right;opacity:.15}.benefits{justify-content:space-between;gap:10px;flex-wrap:wrap}.benefits>span:nth-child(2){display:none}.bottom-note h2{font-size:25px}.bottom-note>div{padding-right:0}.note-doodle{display:none}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recommended-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer{gap:14px}.game-detail{grid-template-columns:1fr}.section-heading{flex-wrap:wrap;gap:12px}.section-heading h2{font-size:29px}}
@media(max-width:720px){.header{height:76px;min-height:76px;padding:0 20px;gap:20px;flex-wrap:nowrap}.brand{font-size:27px}.brand img{width:33px;height:33px;margin-right:9px}.header-search{display:none}.top-nav{margin-left:auto;gap:18px}.top-nav a{font-size:15px}.top-nav a:last-child{display:none}.menu-toggle{display:flex;margin-left:0;padding:6px}.layout{display:block}.sidebar{display:none;position:fixed;top:76px;left:0;bottom:0;width:280px;height:calc(100dvh - 76px);z-index:25;background:#fffefb;border-right:1px solid var(--line);box-shadow:15px 0 45px #2d44271a;padding:27px 22px}.sidebar.open{display:block}.side-link{font-size:16px;padding:11px 13px}.nav-caption{font-size:12px}.main{padding:22px 20px 0;min-height:calc(100vh - 76px)}.hero-copy{padding:27px 24px}.hero-tag{font-size:10px;letter-spacing:.7px}.hero-brand{font-size:55px;letter-spacing:-2.7px}.hero h1{margin-top:18px}.hero-promise{font-size:39px;letter-spacing:-1.4px}.hero p{font-size:16px;line-height:1.8}.hero p br{display:none}.hero-art{right:-12px;opacity:.12;transform:scale(.6)}.button{font-size:16px;padding:13px 17px;gap:12px}.hero-footnote{font-size:13px;align-items:flex-start;line-height:1.6}.benefits{font-size:13px;padding:18px 0;gap:10px;justify-content:space-between}.benefits>span{gap:6px}.benefits svg{width:17px;height:17px}.category-section{padding-top:26px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-card{padding:19px 16px;min-height:145px}.category-name{font-size:16px}.category-count{font-size:13px}.section-heading .eyebrow{font-size:12px}.section-heading h2{font-size:29px}.section-heading>.text-link{font-size:15px}.catalog{margin-top:29px}.catalog-tools{gap:10px;flex-wrap:wrap}.catalog-search{flex-basis:220px}.sort-label{font-size:0}.sort-label select{font-size:16px}#result-count{font-size:14px}.empty-state{padding:34px 9px;min-height:280px}.empty-state h3{font-size:29px}.empty-state p{font-size:16px}.bottom-note{align-items:flex-start;gap:13px;padding:25px 0}.note-icon{padding:10px;margin-top:2px}.note-icon svg{width:24px;height:24px}.bottom-note h2{font-size:25px}.bottom-note p{font-size:14px}.footer{padding:25px 0;font-size:13px;gap:13px}.footer-brand{font-size:23px}.footer nav{order:3;width:100%;gap:24px;margin:0;font-size:14px}.footer small{margin-left:auto}.footer-tagline{font-size:12px}.page-intro h1,.article h1{font-size:37px}.article p{font-size:16px}.game-grid{gap:13px}.game-card>div{padding:13px}.game-card h3{font-size:23px}}
@media(max-width:720px){.top-nav{display:flex}}
@media(max-width:390px){.header{padding-inline:15px;gap:13px}.top-nav>a:nth-child(2){display:none}.main{padding:18px 15px 0}.hero-copy{padding:25px 20px}.hero-brand{font-size:48px}.hero-promise{font-size:35px}.hero-tag{font-size:10px}.benefits{font-size:12px}.category-card{padding:17px 13px}.footer-tagline{max-width:125px}.game-grid{grid-template-columns:1fr}}