body{font-family:'Microsoft YaHei',sans-serif;color:#364b50;background:#fffdf5;border-radius:24px;overflow:hidden;padding:0 0 24px}body *{box-sizing:border-box}body button,body input{font:inherit}body button{border:0}body .topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 30px;background:#fffef9}body .brand{font-size:20px;font-weight:800;color:#338778}body .brand span{background:#ffdc68;border-radius:14px;padding:8px;margin-right:8px}body .main-nav{display:flex;gap:20px;flex-wrap:wrap}body .main-nav button{background:none;color:#61716e;font-size:13px;padding:8px 0}body .main-nav button:first-child{color:#248374;font-weight:700}body .hero{margin:0 22px;position:relative;isolation:isolate;min-height:305px;border-radius:28px;background:linear-gradient(150deg,#cff4ee,#e9f8dd);overflow:hidden;padding:42px 36px}body .hero:after{content:'';position:absolute;width:650px;height:140px;background:#b4e3ab;border-radius:50%;bottom:-75px;right:-80px;z-index:-1}body .hero-copy{position:relative;z-index:2;max-width:55%}body .eyebrow{font-size:12px;letter-spacing:2px;color:#458575}body h1{font-size:36px;line-height:1.35;color:#276e61;margin:15px 0 12px;font-weight:900}body h1 em{font-style:normal;color:#ec9763}body .hero-copy p{font-size:14px;line-height:1.9;color:#587972;margin:0 0 22px}body .hero-start{background:#ffcb59;border-radius:18px;color:#775119;padding:13px 22px;box-shadow:0 4px 0 #e5ae3d;font-weight:700}body .garden-scene{position:absolute;right:4%;bottom:15px;width:36%;height:255px}body .garden-cloud{position:absolute;top:16px;left:5%;width:95px;height:28px;border-radius:30px;background:#ffffffc9;box-shadow:28px -15px 0 -2px #ffffffc9}body .garden-tree{position:absolute;right:0;bottom:35px;width:24px;height:115px;background:#cd9b69;border-radius:10px}body .garden-tree:before{content:'';position:absolute;width:130px;height:130px;right:-48px;bottom:65px;border-radius:55% 45% 50% 40%;background:#83d5b2;box-shadow:inset -16px -12px #6dc79f}body .garden-tree:after{content:'✦';position:absolute;bottom:105px;right:-7px;color:#fff2ab;font-size:35px}body .garden-owl{position:absolute;left:30%;bottom:35px;font-size:104px;filter:drop-shadow(0 8px 0 #73b38b33)}body .garden-letter{position:absolute;border-radius:17px;font-size:40px;font-weight:900;width:61px;height:65px;display:grid;place-items:center;box-shadow:inset -5px -6px #0000000d,0 6px 0 #70a38a22;transform:rotate(-10deg);background:#ffdf7c;color:#af742d;bottom:15px;left:4%}body .garden-letter.b{background:#fbb3bf;color:#b96880;left:30%;bottom:0;transform:rotate(8deg)}body .garden-letter.c{background:#a9dff0;color:#4c8ba3;left:56%;bottom:7px;transform:rotate(-5deg)}body .garden-body{padding:24px 30px 0}body .filters{display:flex;justify-content:space-around;gap:10px;margin-bottom:30px}body .garden-filter{background:none;color:#526963;display:flex;align-items:center;flex-direction:column;gap:9px;font-size:12px;padding:8px;min-width:0}body .garden-filter i{font-style:normal;display:grid;place-items:center;width:62px;height:62px;border-radius:23px;background:var(--card-color);font-size:29px;box-shadow:inset 0 -5px #00000006}body .garden-filter[aria-pressed=true] i{outline:3px solid #50a38b;outline-offset:4px}body .library-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}body h2{font-size:21px;margin:0;color:#355d51}body .library-subtitle{font-size:12px;color:#84918a;margin:6px 0 0}body .search{background:#f1f3e9;border:0;border-radius:14px;padding:12px 15px;width:200px;font-size:13px}body .grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}body .card{display:flex;gap:17px;align-items:center;background:#fff;border:1px solid #e9eddf;border-radius:22px;padding:18px;box-shadow:0 5px 0 #e9eddc70;min-width:0}body .card-art{width:83px;height:90px;flex-shrink:0;border-radius:20px;display:grid;place-items:center;background:var(--card-color);font-size:42px}body .card-content{flex:1;min-width:0}body h3{font-size:15px;line-height:1.5;margin:0 0 5px;color:#3e5751;font-weight:800}body .card-content p{font-size:12px;line-height:1.65;color:#7d8c83;margin:0 0 10px}body .card-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}body .card-labels{font-size:11px;color:#8c977e}body .game-action{background:#eef5df;color:#648135;font-size:12px;border-radius:10px;padding:8px 12px;font-weight:700;white-space:nowrap}body .welcome-strip{margin-top:24px;display:flex;justify-content:space-between;gap:15px;background:#fff3d6;padding:18px 22px;border-radius:18px;font-size:13px;color:#8a7448}body .welcome-strip button{background:none;color:#a67c2b}body .garden-status{font-size:12px;color:#66816d;min-height:20px;margin:15px 0 0}body [hidden]{display:none!important}@media(max-width:650px){body .topbar{padding:20px;flex-wrap:wrap}body .main-nav{gap:17px}body .hero{padding:28px 24px;min-height:470px;margin:0 12px}body .hero-copy{max-width:100%}body h1{font-size:30px}body .garden-scene{height:205px;width:220px;right:5%;bottom:6px}body .garden-owl{font-size:85px}body .garden-body{padding:22px 16px 0}body .filters{flex-wrap:wrap;justify-content:center;gap:6px}body .garden-filter{width:30%;font-size:11px}body .garden-filter i{width:54px;height:54px;font-size:25px}body .library-heading{align-items:stretch;flex-direction:column}body .search{width:100%;font-size:16px}body .grid{grid-template-columns:1fr}body .card{padding:15px;gap:14px}body .card-art{width:67px;height:78px;font-size:34px}body .welcome-strip{padding:15px;flex-direction:column}}


body{background:linear-gradient(#edfbff 0%,#f5ffdc 45%,#fffbea 100%);color:#294e65}
body .topbar{background:#fffef7}body .brand{color:#168ca8}body .brand span{background:linear-gradient(#ffe662,#ffb51b);box-shadow:inset 0 3px 0 #fff3ac,0 3px 0 #e69c18;color:#fff}
body .hero{background:linear-gradient(180deg,#41d9f4 0%,#8ce9f8 60%,#c7f7db 100%);box-shadow:inset 0 3px 0 #d6fbff;border:3px solid #fff}
body .hero:before{content:'';position:absolute;width:480px;height:130px;bottom:-77px;left:-50px;border-radius:50%;background:#b2ed65;z-index:-1}body .hero:after{background:linear-gradient(#a8ec64,#6ed83c);height:170px;bottom:-85px}
body h1{color:#fff;text-shadow:0 3px 0 #2396bd,0 5px 9px #2094b832}body h1 em{color:#ffdd47;text-shadow:0 3px 0 #e59424}body .eyebrow{color:#116b8a}body .hero-copy p{color:#175c75}
body .hero-start{background:linear-gradient(#ffe368,#ffc127 55%,#ffa21b);color:#74450b;border:2px solid #fff2af;box-shadow:inset 0 3px 0 #ffffff70,0 5px 0 #e78b10,0 8px 12px #b4783030}
body .garden-tree:before{background:linear-gradient(140deg,#79f2be,#30cf90);box-shadow:inset -14px -12px #24b987,inset 8px 8px #a4ffd05c}body .garden-tree{background:linear-gradient(90deg,#eab16b,#ba773d)}
body .garden-letter{background:linear-gradient(#ffe76b,#ffb526);color:#fff;text-shadow:0 3px #d2841a;box-shadow:inset 0 4px #fff6b4,inset -5px -7px #f0a11a,0 7px 0 #9fb45c55}body .garden-letter.b{background:linear-gradient(#ffa5d6,#f258a6);color:#fff;text-shadow:0 3px #cf4288;box-shadow:inset 0 4px #ffd4ec,inset -5px -7px #dd488f,0 7px 0 #9fb45c55}body .garden-letter.c{background:linear-gradient(#83e7ff,#34b8ef);color:#fff;text-shadow:0 3px #288cbd;box-shadow:inset 0 4px #b9f2ff,inset -5px -7px #249ed6,0 7px 0 #9fb45c55}
body .garden-filter i{background:linear-gradient(145deg,#ffffffc9,var(--card-color) 60%);border:2px solid #fff;box-shadow:inset 0 3px #ffffffb3,0 4px 0 #4db3ab24,0 7px 12px #428c7d12}body .garden-filter{color:#356473;font-weight:700}body .garden-filter[aria-pressed=true] i{outline-color:#ffad1b;box-shadow:0 5px 0 #eaa92e40}body h2{color:#287580}
body .card{border:2px solid #ffdf78;box-shadow:0 5px 0 #f4d47a60,0 9px 18px #92ac7f13;background:#fffefb}body .card-art{background:linear-gradient(145deg,#ffffffaa,var(--card-color) 65%);border:2px solid #fff;box-shadow:inset 0 4px #ffffff70,inset 0 -7px #00000008,0 3px 0 #e1c68333}body h3{color:#28586c}body .card-content p{color:#607a85}body .card-labels{color:#64848b}body .game-action{background:linear-gradient(#ffdf61,#ffb22d);color:#70440c;box-shadow:inset 0 2px #fff3ba,0 3px 0 #e99a17}body .search{background:#fff;border:1px solid #b9dfe3}body .welcome-strip{background:#fff0bb;box-shadow:inset 0 2px #fff9da;color:#806328}
/* Adapt the approved garden design to the existing lobby and public guides. */
body{border-radius:0;overflow:visible;padding:0;background-attachment:fixed;--ink:#294e65;--muted:#607a85;--green:#168ca8;--line:#cde7df}
main{padding:22px 26px 0}.topbar{border:0;padding:22px 30px}.brand{letter-spacing:0}.brand>span:not(.brand-icon){background:none;box-shadow:none;padding:0;margin:0;border-radius:0}.brand small{color:#658c94;font-size:9px}.brand-icon{color:white!important}
.main-nav a{background:none;color:#617b85}.main-nav a[aria-current=page]{background:#e2f6fb;color:#15869d}.quiet{color:#387785;border-color:#b9dde2;background:#fff}.header-note{display:none!important}
.hero{display:block;margin:0 0 28px;min-height:330px}.hero-copy{max-width:55%}.hero-copy h1{letter-spacing:0}.hero-copy p{margin-top:0}.hero-start{display:inline-block;font-size:14px;min-height:44px}.garden-letter.b,.garden-letter.c{position:absolute}
.welcome-strip{margin:0 0 30px;padding:18px 22px}.welcome-strip b{color:#806328}.welcome-strip span{color:#8b7443}.welcome-strip a{color:#9b6b17}.mini-label{color:#6b8a86}.library-heading{padding-top:0;border:0;align-items:center;margin-bottom:18px}.library-heading h2{color:#287580}h2 #count{background:#dff2d3;color:#51823a}.search{width:220px;padding:10px 13px}.search input{width:100%;font-size:14px}
.filters{justify-content:space-around;margin:0 0 30px;gap:8px;flex-wrap:wrap}.filters .garden-filter{border:0;border-radius:0;background:transparent!important;box-shadow:none!important;color:#356473!important;padding:8px;min-height:92px;font-size:12px;display:flex;flex-direction:column;align-items:center;gap:9px}.filters .garden-filter:hover{transform:translateY(-2px)}
.grid{overflow:visible;border:0;border-radius:0;background:none;gap:18px}.card{align-items:center;border-radius:22px;padding:18px;gap:17px;transition:transform .15s}.card:nth-child(odd){border-right:2px solid #ffdf78}.card:nth-last-child(-n+2){border-bottom:2px solid #ffdf78}.card:hover{background:#fffefb;transform:translateY(-3px);box-shadow:0 7px 0 #f4d47a60,0 12px 20px #92ac7f20}.card-art{width:83px;height:90px}.card-art>span{font-size:42px;transform:none}.card-content{padding:0}.card-content h3{font-size:16px;line-height:1.5}.card-content p{min-height:0;margin:0 0 12px;line-height:1.7;font-size:13px}.card-bottom{border:0;padding:0;justify-content:space-between;gap:8px}.card-labels{margin:0;font-size:11px;font-weight:400;line-height:1.5}.card-bottom .game-action{border:0;font-size:12px;gap:0;min-height:36px;padding:8px 12px;white-space:nowrap}.card:hover .game-action{background:linear-gradient(#ffe681,#ffbd38);color:#70440c}
.login-panel{background:#fffbe5;border:2px solid #ffdf78;box-shadow:0 5px 0 #f4d47a60}.login-panel h2{color:#287580}.primary{background:linear-gradient(#ffdf61,#ffb22d);color:#70440c;box-shadow:0 3px 0 #e99a17}.password-row{border-color:#d8dcae}
.support-page h1{color:#287580;text-shadow:none;font-size:40px}.support-page h2{color:#287580}.support-block{border-color:#d6e9dd}.section-label,.text-link,.guide-links a{color:#19879a}.feedback-card{background:#dff6fb}.feedback-card button{background:#168ca8}.about-actions a{background:#dff6fb;color:#168ca8}footer{border-color:#cde7df;color:#607a85}
@media(max-width:650px){main{padding:14px 14px 0}.topbar{padding:18px 20px;gap:14px}.brand{font-size:17px}.main-nav{width:100%;order:3;gap:0;justify-content:space-between}.main-nav a{padding:9px 8px}.hero{margin:0 0 20px;min-height:470px;padding:28px 24px}.hero-copy{max-width:100%}.hero-copy h1{font-size:30px}.garden-scene{width:220px;height:205px;right:5%;bottom:6px}.garden-owl{font-size:85px}.filters{justify-content:center;gap:6px}.filters .garden-filter{width:30%;font-size:11px}.filters .garden-filter i{width:54px;height:54px;font-size:25px}.grid{grid-template-columns:1fr;gap:15px}.card{padding:15px;gap:14px;border-right:2px solid #ffdf78!important}.card:nth-last-child(2){border-bottom:2px solid #ffdf78}.card-art{width:67px;height:78px}.card-art>span{font-size:34px}.card-content h3{font-size:15px}.card-content p{font-size:12px}.card-bottom .game-action{min-height:44px}.library-heading{align-items:stretch;flex-direction:column}.search{width:100%}.search input{font-size:16px}.welcome-strip{flex-direction:column;align-items:start;gap:12px}.support-page h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){.filters .garden-filter:hover,.card:hover{transform:none}}
body .brand>span:not(.brand-icon){color:#168ca8}body .card-content h3{color:#28586c}body .card-content .card-labels{color:#64848b}body .search input{color:#294e65}body .card-bottom .game-action{color:#70440c}
/* Desktop and tablet layout: a wider library and a full-width opening scene. */
body{--garden-width:1440px;--garden-gutter:clamp(24px,4vw,80px);overflow-x:clip}
body .topbar{max-width:var(--garden-width);width:calc(100% - 2 * var(--garden-gutter));padding:22px 0;background:transparent}
body main{max-width:var(--garden-width);width:calc(100% - 2 * var(--garden-gutter));padding:22px 0 0}
body .hero{border:0;border-radius:0;margin:0 calc((100vw - 100%)/-2) 30px;padding:42px max(var(--garden-gutter),calc((100vw - var(--garden-width))/2));min-height:350px;box-shadow:inset 0 3px 0 #d6fbff}
body .hero-copy{max-width:55%;width:650px}
body .garden-scene{right:max(var(--garden-gutter),calc((100vw - var(--garden-width))/2));width:min(36%,430px);height:280px}
body .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body .card{padding:18px 16px;gap:14px}
body .card-art{width:76px;height:84px}
body .card-content h3{font-size:16px}
body .card-content p{font-size:13px}
body footer{max-width:var(--garden-width);width:calc(100% - 2 * var(--garden-gutter))}
@media(min-width:1500px){body .grid{grid-template-columns:repeat(4,minmax(0,1fr))}body .card{padding:17px 14px;gap:12px}body .card-art{width:68px;height:78px}body .card-art>span{font-size:36px}body .card-content h3{font-size:15px}body .card-content p{font-size:12px}}
@media(min-width:651px) and (max-width:1099px){body{--garden-gutter:24px}body .grid{grid-template-columns:repeat(2,minmax(0,1fr))}body .hero{padding-top:34px;padding-bottom:34px}body .hero-copy h1{font-size:32px}body .garden-scene{width:34%}body .main-nav{margin-left:auto}}
@media(max-width:650px){body{--garden-gutter:16px}body .topbar{padding:18px 0}body .hero{min-height:480px;padding:28px 24px}body .hero-copy{width:auto;max-width:100%}body .garden-scene{width:220px;height:205px;right:24px}body .grid{grid-template-columns:1fr;gap:15px}body .card{padding:15px;gap:14px}}
/* Persistent category rail with a spacious game area. */
body{--garden-width:1740px;--garden-gutter:clamp(24px,3vw,64px)}
.lobby-shell{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;align-items:start}.lobby-content{min-width:0}.lobby-shell:has(.browse-nav[hidden]){grid-template-columns:1fr}
.browse-nav{position:sticky;top:22px;background:#fffbed;border:1px solid #f3e5b8;border-radius:24px;padding:24px 14px;box-shadow:0 5px 0 #eedfac35}.browse-title{color:#337983;font-size:19px;font-weight:800;padding:0 10px 22px}.browse-title small{display:block;font-size:12px;font-weight:400;margin-top:9px;color:#79908a}
body .browse-nav .filters{display:flex;flex-direction:column;gap:10px;margin:0}.browse-nav .filters .garden-filter{width:100%;min-height:66px;display:flex;flex-direction:row;gap:12px;padding:10px;border-radius:16px;font-size:13px;text-align:left;white-space:nowrap}.browse-nav .filters .garden-filter i{width:42px;height:44px;border-radius:14px;flex-shrink:0;font-size:23px}.browse-nav .filters .garden-filter[aria-pressed=true]{background:#ffe58a!important;color:#72500e!important}.browse-nav .filters .garden-filter[aria-pressed=true] i{outline:0}.sidebar-guide{display:block;margin:24px 6px 0;padding-top:20px;border-top:1px solid #efdfab;color:#8e783c;font-size:12px}
body .lobby-content .hero{margin:0 0 24px;padding:30px;border-radius:26px;border:3px solid #fff;min-height:305px}.lobby-content .hero-copy h1{font-size:34px}.lobby-content .hero-copy p{font-size:13px}.lobby-content .garden-scene{right:24px;width:35%;height:250px}.lobby-content .garden-owl{font-size:92px}.lobby-content .welcome-strip{margin-bottom:24px;padding:16px 20px}.lobby-content .library-heading{margin-bottom:20px}
body .lobby-content .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}body .lobby-content .card{padding:16px 13px;gap:12px}body .lobby-content .card-art{width:66px;height:76px}body .lobby-content .card-art>span{font-size:35px}body .lobby-content .card-content h3{font-size:15px}body .lobby-content .card-content p{font-size:12px}
@media(min-width:1700px){body .lobby-content .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:651px) and (max-width:1199px){.lobby-shell{grid-template-columns:175px minmax(0,1fr);gap:20px}.browse-nav{padding:22px 10px}.browse-nav .filters .garden-filter{gap:9px;font-size:12px;padding:9px 6px}body .lobby-content .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-content .hero-copy h1{font-size:29px}.lobby-content .garden-scene{width:32%;right:15px}.lobby-content .garden-owl{font-size:76px}.lobby-content .garden-tree{right:-8px}.lobby-content .garden-letter{width:48px;height:54px;font-size:33px}}
@media(max-width:650px){.lobby-shell{grid-template-columns:1fr;gap:20px}.browse-nav{position:static;padding:15px}.browse-title,.sidebar-guide{display:none}body .browse-nav .filters{flex-direction:row;flex-wrap:wrap;justify-content:center}.browse-nav .filters .garden-filter{width:46%;min-height:54px;font-size:12px}.browse-nav .filters .garden-filter i{width:34px;height:36px;font-size:20px}body .lobby-content .hero{min-height:470px;padding:26px 22px}.lobby-content .garden-scene{width:220px;height:205px;right:20px}body .lobby-content .grid{grid-template-columns:1fr}}
.sidebar-download{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 6px 0;padding:13px 10px;border-radius:13px;background:#e0f4f5;color:#267a89;font-size:13px;font-weight:700}.sidebar-download:hover{background:#ccecf0}.sidebar-download span{font-size:16px}
.offline-download{display:flex;align-items:center;gap:20px;margin-top:30px;padding:26px;border:2px solid #efb7cb;border-radius:24px;background:linear-gradient(110deg,#fff0f5,#edf8ff);box-shadow:0 5px 0 #efc9dd25;scroll-margin-top:24px}.offline-icon{display:grid;place-items:center;width:68px;height:74px;border-radius:21px;flex-shrink:0;background:white;box-shadow:0 7px 18px #c684a51c;font-size:35px}.offline-copy{flex:1;min-width:0}.offline-label{display:inline-block;border-radius:99px;background:#ffe0ec;color:#ac487b;padding:7px 12px;font-size:11px;font-weight:700}body .offline-copy h2{color:#28586c;font-size:23px;margin:12px 0 8px;line-height:1.5}.offline-copy p{font-size:13px;line-height:1.8;margin:0;color:#607a85}.offline-copy small{display:block;font-size:11px;color:#71818c;line-height:1.7;margin-top:6px}.offline-action{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0}.offline-action button{border:0;border-radius:15px;background:#dce6ed;color:#637885;padding:15px 28px;font-size:14px;font-weight:700;cursor:default}.offline-action span{font-size:11px;color:#798697}
@media(min-width:651px) and (max-width:1199px){.offline-download{flex-wrap:wrap;padding:22px;gap:16px}.offline-action{width:100%;align-items:flex-start;padding-left:84px}.offline-action button{padding:13px 24px}}
@media(max-width:650px){.sidebar-download{margin:12px 0 0;justify-content:center}.offline-download{padding:20px;gap:15px;flex-wrap:wrap}.offline-icon{width:52px;height:58px;font-size:29px}.offline-copy{flex-basis:calc(100% - 70px)}body .offline-copy h2{font-size:20px}.offline-action{width:100%;align-items:flex-start}.offline-action button{width:100%}}
body .lobby-content .hero-illustrated{min-height:0;aspect-ratio:3/1;padding:26px 30px;display:flex;align-items:center;background:#5ed7f6}.hero-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1}body .hero-illustrated:before,body .hero-illustrated:after,body .hero-illustrated .garden-scene{display:none}body .hero-illustrated .hero-copy{width:35%;max-width:35%}body .hero-illustrated .hero-copy h1{font-size:clamp(25px,2.1vw,39px);line-height:1.5;margin:12px 0;letter-spacing:0;text-shadow:0 3px 0 #187ba8,0 4px 10px #1983b866}body .hero-illustrated .hero-copy h1 em{font-size:.73em;color:#fff2a0;text-shadow:0 2px 0 #b77a27}body .hero-illustrated .hero-copy p{font-size:12px;color:#164f6d;font-weight:600;line-height:1.8;margin:0 0 15px}body .hero-illustrated .eyebrow{font-size:10px;letter-spacing:1px}body .hero-illustrated .hero-start{font-size:12px;padding:10px 15px}body .hero-illustrated .device-note{font-size:11px}
@media(min-width:651px) and (max-width:1199px){body .lobby-content .hero-illustrated{aspect-ratio:auto;height:290px;padding:20px}.hero-backdrop{object-fit:fill}body .hero-illustrated .hero-copy{width:40%;max-width:40%}body .hero-illustrated .hero-copy h1{font-size:25px}body .hero-illustrated .hero-copy p{font-size:11px}body .hero-illustrated .eyebrow{display:none}}
@media(max-width:650px){body .lobby-content .hero-illustrated{aspect-ratio:auto;min-height:340px;padding:22px;align-items:flex-start}.hero-backdrop{object-fit:cover;object-position:65% center;opacity:.5}body .hero-illustrated .hero-copy{width:100%;max-width:100%}}
/* Plain white page canvas. */
html,body{background:#fff!important;background-image:none!important}
/* Shared palette: sky blue, meadow green and sunshine gold; white canvas. */
:root{--park-blue:#59cef2;--park-blue-dark:#18566d;--park-blue-soft:#edfaff;--park-blue-line:#bce9f6;--park-green:#91d954;--park-green-dark:#3c661f;--park-green-soft:#f1fae8;--park-gold:#ffd34f;--park-gold-dark:#72500d;--park-gold-soft:#fff8df;--park-gold-line:#f3df9e;--ink:var(--park-blue-dark);--muted:#52636b;--green:var(--park-blue-dark);--line:var(--park-blue-line);--paper:#fff}
body{color:var(--ink)}:focus-visible{outline-color:var(--park-blue-dark)}
body .brand,body .brand>span:not(.brand-icon),body .main-nav a,body .quiet{color:var(--park-blue-dark)}body .brand small{color:#52636b}body .brand-icon{background:var(--park-gold);box-shadow:inset 0 3px #fff8df,0 3px var(--park-gold-line)}body .main-nav a[aria-current=page]{background:var(--park-blue-soft);color:var(--park-blue-dark)}body .quiet{border-color:var(--park-blue-line)}
body .browse-nav{background:var(--park-gold-soft);border-color:var(--park-gold-line);box-shadow:0 5px 0 #ffd34f20}body .browse-title{color:var(--park-blue-dark)}body .browse-title small{color:#52636b}body .browse-nav .filters .garden-filter{color:var(--park-blue-dark)!important}body .browse-nav .filters .garden-filter[aria-pressed=true]{background:var(--park-gold)!important;color:var(--park-gold-dark)!important}body .garden-filter i{background:linear-gradient(145deg,#fff,var(--card-color));border-color:#fff;box-shadow:inset 0 3px #ffffffb3,0 4px 0 #59cef220}body .sidebar-guide{border-color:var(--park-gold-line);color:var(--park-gold-dark)}body .sidebar-download,body .sidebar-download:hover{background:var(--park-blue-soft);color:var(--park-blue-dark)}
body .welcome-strip{background:var(--park-gold-soft);border-color:var(--park-gold-line);box-shadow:none}body .welcome-strip b,body .welcome-strip a,body .welcome-strip span{color:var(--park-gold-dark)}body .library-heading h2,body h2,body .support-page h1{color:var(--park-blue-dark)}body .mini-label,body .section-label{color:var(--park-blue-dark)}body h2 #count{background:var(--park-green-soft);color:var(--park-green-dark)}body .search{background:#fff;border-color:var(--park-blue-line);box-shadow:3px 3px 0 var(--park-blue-soft)}body .search>span,body .search input{color:var(--park-blue-dark)}
body .card,body .card:nth-child(odd),body .card:nth-last-child(-n+2),body .card:nth-last-child(2){background:#fff;border-color:var(--park-gold-line)!important;box-shadow:0 5px 0 #ffd34f20}body .card:hover{background:#fff;box-shadow:0 7px 0 #ffd34f30,0 12px 20px #18566d10}body .card-art{background:linear-gradient(145deg,#fff,var(--card-color));border-color:#fff;box-shadow:inset 0 4px #ffffff70,inset 0 -7px #00000008,0 3px 0 #ffd34f20}body .card-content h3{color:var(--park-blue-dark)}body .card-content p,body .card-content .card-labels{color:#52636b}body .card-bottom .game-action,body .card:hover .game-action{background:var(--park-gold);color:var(--park-gold-dark);border-color:var(--park-gold-line);box-shadow:inset 0 2px var(--park-gold-soft),0 3px 0 var(--park-gold-line)}
body .login-panel{background:var(--park-gold-soft);border-color:var(--park-gold-line);box-shadow:0 5px 0 #ffd34f20}body .login-panel h2{color:var(--park-blue-dark)}body .login-panel p{color:#52636b}body .password-row{border-color:var(--park-gold-line)}body .primary,body .primary:hover{background:var(--park-gold);color:var(--park-gold-dark);box-shadow:0 3px 0 var(--park-gold-line)}body #login-message{color:var(--park-gold-dark)}
body .support-block{background:#fff;border-color:var(--park-blue-line)}body .page-intro p,body .support-block>p,body .steps p,body .use-cases p,body .instruction-list,body .faq details p,body .feedback-card p,body .feedback-card li{color:#52636b}body .guide-links a,body .text-link{background:#fff;border-color:var(--park-blue-line);color:var(--park-blue-dark)}body .steps article>b,body .steps article:nth-child(n)>b{background:var(--park-gold);color:var(--park-gold-dark)}body .steps h3,body .use-cases h3,body .instruction-list b{color:var(--park-blue-dark)}body .use-cases article:nth-child(n){background:var(--park-blue-soft);border-color:var(--park-blue-line)}body .use-cases article:nth-child(2n){background:var(--park-green-soft)}body .use-cases article>span{color:var(--park-blue-dark)}body .tip-box{background:var(--park-gold-soft);color:var(--park-gold-dark)}body .tip-box p{color:var(--park-gold-dark)}body .faq details,body .steps article{border-color:var(--park-blue-line)}body .faq summary{color:var(--park-blue-dark)}body .feedback-card{background:var(--park-blue-soft)}body .feedback-card h2{color:var(--park-blue-dark)}body .feedback-card button{background:var(--park-blue);color:var(--park-blue-dark)}body .feedback-card small{color:#52636b}body .feedback-card textarea{background:#fff;border-color:var(--park-blue-line);color:var(--park-blue-dark)}body .about-banner{background:var(--park-gold-soft);border-color:var(--park-gold-line)}body .about-banner>span,body .about-banner h2,body .about-banner p{color:var(--park-gold-dark)}body .about-actions a{background:var(--park-blue-soft);color:var(--park-blue-dark)}
body .offline-download{background:var(--park-blue-soft);border-color:var(--park-blue-line);box-shadow:0 5px 0 #59cef220}body .offline-icon{background:#fff;box-shadow:0 7px 18px #59cef220}body .offline-label{background:var(--park-green-soft);color:var(--park-green-dark)}body .offline-copy h2{color:var(--park-blue-dark)}body .offline-copy p,body .offline-copy small,body .offline-action span{color:#52636b}body .offline-action button{background:#e9eef0;color:#52636b}body footer{border-color:var(--park-blue-line);color:#52636b}body .footer-star{color:var(--park-gold-dark)}
/* Heiti typography for category rail and game entries. */
body .browse-nav,body .browse-nav button,body .browse-nav a,body #grid .card,body #grid .card-content,body #grid .card-content *{font-family:SimHei,'黑体','Heiti SC','Microsoft YaHei',sans-serif}
body #grid .card-content h3,body .browse-title,body .browse-nav .garden-filter{font-weight:700}
body #grid .card-content p,body #grid .card-content .card-labels,body .browse-title small{font-weight:400}