/* Preview only. Shared navigation and homepage additions use explicit scopes. */
:root{--home-ink:#35291f;--home-line:#e7d5b9;--home-orange:#cf7524}
.u-topbar.home-nav{width:min(1180px,calc(100% - 40px));height:86px;padding:0;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;border-bottom:1px solid #d8c7ac70;background:transparent}
.home-nav a{text-decoration:none;color:var(--home-ink)}
.home-nav .home-brand{display:flex;width:auto;min-height:44px;gap:10px;margin:0;justify-content:flex-start;font-size:21px;font-weight:700;letter-spacing:1px;white-space:nowrap}
.home-brand img{width:34px;height:34px}
.home-nav .home-links{display:flex;gap:8px;align-items:center}
.home-links a{font-size:14px;min-height:44px;display:flex;align-items:center;padding:0 19px;border-radius:12px;color:#7d6854;transition:background .15s}
.home-links a:hover{background:#f5e6cd}
.home-links a[aria-current=page]{background:linear-gradient(#fff1d6,#f3deb9);box-shadow:inset 0 1px #fff,0 2px 0 #ddc49b;color:#624329;font-weight:600}
.home-nav .home-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px}
.home-actions .u-toggle{display:none}
.home-actions .home-profile{display:flex;align-items:center;gap:5px;min-height:46px;padding:0 10px 0 4px;border:1px solid #e5d5bc;border-radius:14px;background:#fffaf1;box-shadow:0 2px 0 #e6d4b6;color:#694f36;font-size:14px;font-weight:500;white-space:nowrap}
.home-actions .u-avatar{width:36px;min-width:36px;height:36px}
.home-nav :focus-visible{outline:3px solid #af712c;outline-offset:4px}
.home-design{background:radial-gradient(ellipse at 90% 22%,#ffdf9d20,transparent 55%),#fffaf1;color:var(--home-ink);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}
.home-design .hero{margin-top:26px;min-height:412px;padding:38px 42px;border-radius:26px;background:radial-gradient(ellipse at 91% 55%,#f7c36d66,transparent 52%),linear-gradient(115deg,#fff4d5,#fff9ef 62%,#ffe9bf);border:1px solid #ead5ab;box-shadow:inset 0 1px #fff,0 7px 0 #ead6b742,0 16px 34px #a1752910;grid-template-columns:1.15fr .85fr;overflow:hidden}
.home-design .eyebrow{display:none}
.home-design .hero h1{font-size:48px;line-height:1.22;letter-spacing:-1.8px;font-weight:700;margin:0 0 20px;color:#35291f}
.home-design .hero h1 em{font-style:normal;color:#35291f}
.home-design .hero-desc{font-size:15px;line-height:1.9;max-width:460px;color:#78624d;margin:0 0 24px}
.home-design .hero-search{min-height:58px;border:1px solid #e9d6b3;box-shadow:0 3px 0 #ead8b84d;background:#fffdf8;border-radius:14px;padding:6px;gap:11px;max-width:515px}
.home-design .hero-search input{font-size:15px;min-width:0}
.home-design .hero-search>svg{margin-left:12px;color:#896c48}
.home-design .hero-search>button{min-height:44px;min-width:86px;background:linear-gradient(#f4ca7c,#eab05d);box-shadow:inset 0 1px #ffe6b2,0 2px 0 #c78d3e;border:1px solid #d89e4c;color:#51391f;border-radius:10px;font-size:15px;font-weight:600}
.home-design .quick-searches{gap:8px;margin-top:16px;flex-wrap:wrap;color:#806b55}
.home-design .quick-searches button{border-color:#e7d5b9;background:#fffaf1aa;color:#7c6145;font-size:12px;min-height:32px}
.home-design .search-hint{display:none}
.home-design .hero-stage{min-height:320px;transform:scale(.94);transform-origin:center}
@media(min-width:721px){
.home-design .hero-stage{height:340px;min-height:340px;align-self:center}
.home-design .hero-stage .universe-core{width:120px;height:120px;left:calc(62% - 60px);right:auto;top:105px;transform:none}
.home-design .hero-stage .universe-core img{width:80px;height:80px}
.home-design .hero-stage .orbit-a{width:310px;height:310px;left:calc(62% - 155px);right:auto;top:10px}
.home-design .hero-stage .orbit-b{width:230px;height:230px;left:calc(62% - 115px);right:auto;top:50px}
.home-design .hero-stage .product-tools{left:0;right:auto;top:110px;bottom:auto}
.home-design .hero-stage .product-guide{left:auto;right:0;top:-32px;bottom:auto}
.home-design .hero-stage .product-games{left:auto;right:0;top:242px;bottom:auto}
}
.home-design .universe-core{background:#fffcf5;border-color:#eadbbf;box-shadow:0 5px 0 #ead9b8,0 14px 32px #ad7b2510}
.home-design .orbit{border-color:#d9b77f77}
.home-design .hero-stage .product-orbit{font-size:12px;font-weight:600;color:#6c5034}
.home-design .worlds,.home-design .continue-section,.home-design .recommendations{padding-top:40px}
.home-design .section-heading{margin-bottom:20px;align-items:center}
.home-design .section-kicker{display:none}
.home-design .section-heading h2{font-size:25px;font-weight:650;letter-spacing:-.7px;color:#3a2c20}
.home-design .text-link{font-size:13px;color:#94632e;min-height:44px}
.home-design .world-grid{gap:20px}
.home-design .world-card{min-height:320px;padding:24px;border-radius:22px;border:1px solid #d9b78680;box-shadow:inset 0 1px #fff9dc,0 4px 0 #ba8a4c33,0 10px 20px #9b753b0c}
.home-design .world-card:hover{transform:translateY(-3px);box-shadow:inset 0 1px #fff9dc,0 5px 0 #ba8a4c33,0 14px 25px #9b753b16}
.home-design .world-number{display:none}
.home-design .world-card-head{justify-content:flex-start}
.home-design .world-badge{font-size:12px;font-weight:400;background:#fff8e5aa;color:#6d4a2f;border:1px solid #ffffff70;padding:5px 10px}
.home-design .world-card-copy h3,.home-design .guide-card .world-card-copy h3,.home-design .games-card .world-card-copy h3{font-size:26px;line-height:1.25;letter-spacing:-.5px;margin-bottom:13px}
.home-design .world-card-copy p{font-size:12px;font-weight:400;margin-bottom:7px}
.home-design .world-action{font-size:13px;gap:10px}
.home-design .world-action i{width:27px;height:27px}
.home-design .toolbox-art{top:37px;left:auto;right:10px;width:210px;height:170px;margin:0}
.home-design .toolbox-art img{width:180px;left:18px;top:2px}
.home-design .tool-chip{display:none}
.home-design .guide-art{top:33px;left:auto;right:26px;width:160px;height:170px;margin:0}
.home-design .guide-art img{width:160px;height:170px;object-fit:contain}
.home-design .games-card .arcade{top:42px;left:auto;right:17px;width:185px;height:157px;margin:0}
.home-design .continue-section:has(.recent-empty){padding-top:30px}
.home-design .outline-button{border:1px solid #e1cfb0;color:#7a5c3c;background:#fff7e7;border-radius:11px;font-size:13px;min-height:40px}
.home-design .curated-grid{gap:16px}
.home-design .curated-card,.home-design .curated-card.compact-curated{min-height:208px;padding:22px 24px;border-radius:20px;display:grid;grid-template-columns:1fr 155px;grid-template-rows:auto 1fr auto;column-gap:10px;position:relative;border:1px solid #d9bc9080;box-shadow:inset 0 1px #fff9e6,0 3px 0 #a47b3b20}
.home-design .curated-top{grid-column:1;grid-row:1;display:block;font-size:12px}
.home-design .curated-top>span:last-child{display:none}
.home-design .curated-label{padding:0;background:none;color:#745a3e;border-radius:0}
.home-design .curated-card h3{grid-column:1;grid-row:2;font-size:22px;line-height:1.45;margin:10px 0 5px;letter-spacing:-.6px;align-self:center;max-width:290px}
.home-design .curated-card p{display:none}
.home-design .curated-visual.resource-visual{grid-column:2;grid-row:1 / 4;min-height:125px;height:140px;width:155px;align-self:center;margin:0}
.home-design .curated-footer{grid-column:1;grid-row:3;display:block;margin:0;font-size:12px}
.home-design .curated-footer>span:first-child{display:none}
.home-design .curated-action{font-size:13px;color:#604525;gap:8px;min-height:36px}
.home-design .curated-action svg{width:24px;height:24px;padding:5px;background:#8f6437}
.home-design .curated-guide:after,.home-design .curated-games:after{content:'';width:125px;height:128px;grid-column:2;grid-row:1 / 4;align-self:center;justify-self:center;background:center/contain no-repeat url('/character-assets/guide-book-leather-v1.webp');filter:drop-shadow(0 9px 5px #6d3f2420)}
.home-design .curated-games:after{background-image:url('/gamebox-home-art.webp');background-size:255.5294118% 100%;background-position:left top;width:140px;height:119px}
.home-design .filter-tabs{padding:4px;border:1px solid #e7d7bd;background:#f5ecdb;box-shadow:inset 0 1px #fff;border-radius:12px}
.home-design .filter-tabs button{font-size:13px;min-height:36px;padding:6px 14px;border-radius:8px;color:#6f5c48}
.home-design .filter-tabs button.active{background:#fffaf1;color:#654526;box-shadow:0 2px 3px #74501f10}
.home-design .site-footer{margin-top:48px;padding:28px 0 32px;border-top:1px solid #e5d5bb;background:transparent}
.home-design .footer-brand strong{font-size:18px;color:#604525}
.home-design .footer-brand p{font-size:12px;color:#8b775e}
.home-design .footer-links{gap:22px;color:#7a624a;font-size:13px}
.home-design .footer-links a:last-child{font-size:12px;color:#927d65}
.home-design .noise{display:none}
.home-design .curated-card[hidden]{display:none}
.home-design .recommendations{padding-bottom:0}
.home-design .continue-section .recent-empty{min-height:0;padding:20px 24px;border:1px dashed #e2cfb1;background:#fff6e5;box-shadow:none;border-radius:16px}
.home-design .continue-section .recent-empty h3{font-size:16px;margin:4px 0}
.home-design .continue-section .recent-empty p{font-size:13px;color:#8a7358}
@media(max-width:1000px) and (min-width:721px){.home-design .hero{padding:32px;grid-template-columns:1.2fr .8fr}.home-design .hero h1{font-size:40px}.home-design .hero-stage{transform:scale(.8);transform-origin:right center}.home-design .world-card{padding:18px;min-height:310px}.home-design .world-card-copy h3,.home-design .guide-card .world-card-copy h3,.home-design .games-card .world-card-copy h3{font-size:22px}.home-design .toolbox-art,.home-design .guide-art,.home-design .games-card .arcade{transform:scale(.85);transform-origin:right top;right:4px}.home-design .curated-card{grid-template-columns:1fr 112px}.home-design .curated-visual.resource-visual{width:112px}.home-design .curated-card h3{font-size:19px}.home-nav .home-links a{padding:0 12px}.home-nav .home-brand{font-size:18px}}
@media(max-width:1000px) and (min-width:721px){.home-design .hero-stage{position:absolute;right:0;top:34px;width:350px;transform:scale(.8)}.home-design .hero-copy{max-width:calc(100% - 235px)}.home-design .hero{display:block;min-height:412px}.home-design .hero h1{font-size:36px}.home-design .hero-desc{max-width:330px}}
@media(max-width:720px){
.u-topbar.home-nav{width:calc(100% - 32px);height:70px;grid-template-columns:44px 1fr 44px;gap:12px;position:relative}
.home-nav .home-brand{grid-column:2;grid-row:1;justify-self:center;font-size:19px;gap:7px}
.home-brand img{width:29px;height:29px}
.home-nav .home-links{display:none}
.home-nav .home-actions{display:contents}
.home-actions .u-toggle{display:flex;grid-column:1;grid-row:1;min-width:42px;width:42px;min-height:42px;border-radius:12px;box-shadow:0 2px 0 #e5d0ae;background:#fff7e7}
.home-actions .home-profile{grid-column:3;grid-row:1;padding:0;width:42px;height:42px;min-height:42px;justify-content:center;border-radius:12px}
.home-actions .home-profile>span:last-child{display:none}
.home-actions .u-avatar{width:34px;min-width:34px;height:34px}
.home-design .shell{width:calc(100% - 32px);max-width:560px}
.home-design .hero{margin-top:16px;padding:28px 24px 290px!important;border-radius:23px;min-height:0;display:block}
.home-design .hero h1{font-size:36px;line-height:1.22;letter-spacing:-1px;margin-bottom:16px}
.home-design .hero-desc{font-size:14px;line-height:1.8;margin-bottom:20px}
.home-design .hero-search{gap:7px;min-height:54px;padding:5px}
.home-design .hero-search input{font-size:13px}
.home-design .hero-search>button{min-width:65px;font-size:14px;min-height:42px}
.home-design .hero-search>svg{width:17px;margin-left:5px;flex-shrink:0}
.home-design .quick-searches{gap:6px;margin-top:13px}
.home-design .quick-searches>span{display:none}
.home-design .quick-searches button{min-height:34px;font-size:11px;padding:5px 9px}
.home-design .hero-stage{transform:scale(.88);transform-origin:center;left:0;right:0;bottom:-2px;min-height:304px}
.home-design .worlds,.home-design .continue-section,.home-design .recommendations{padding-top:32px}
.home-design .section-heading{margin-bottom:16px}
.home-design .section-heading h2{font-size:23px}
.home-design .text-link{font-size:12px}
.home-design .world-grid{display:grid;grid-template-columns:1fr;gap:14px}
.home-design .world-card{min-height:177px;padding:20px;display:flex;justify-content:space-between;border-radius:19px}
.home-design .world-card-copy{max-width:70%!important}
.home-design .world-card-copy h3,.home-design .guide-card .world-card-copy h3,.home-design .games-card .world-card-copy h3{font-size:23px;margin-bottom:10px}
.home-design .world-card-copy p{display:none}
.home-design .world-card-head{margin-bottom:15px}
.home-design .toolbox-art{width:130px;height:120px;right:6px;top:37px;transform:none}
.home-design .toolbox-art img{width:130px;left:0;top:0}
.home-design .guide-art{width:105px;height:120px;top:27px;right:16px;transform:none}
.home-design .guide-art img{width:105px;height:120px}
.home-design .games-card .arcade{width:123px;height:105px;top:44px;right:8px;transform:none}
.home-design .curated-heading{gap:12px;align-items:flex-start;flex-wrap:wrap}
.home-design .filter-tabs button{min-height:34px;padding:5px 12px;font-size:12px}
.home-design .curated-grid{grid-template-columns:1fr;gap:12px}
.home-design .curated-card,.home-design .curated-card.compact-curated{min-height:170px;padding:19px;grid-template-columns:1fr 100px;column-gap:6px;border-radius:18px}
.home-design .curated-card h3{font-size:20px;margin:8px 0;max-width:210px}
.home-design .curated-visual.resource-visual{width:100px;height:110px;min-height:100px}
.home-design .curated-guide:after{width:86px;height:102px}
.home-design .curated-games:after{width:103px;height:88px}
.home-design .site-footer{margin-top:32px;padding:24px 0}
.home-design .footer-inner{align-items:flex-start;gap:20px}
.home-design .footer-links{gap:14px;flex-wrap:wrap;justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){.home-design *, .home-nav *{scroll-behavior:auto;transition:none!important;animation:none!important}}

