/* Preview-only additions; the original production stylesheet is copied unchanged. */
.header-shell{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--sky) 96%,transparent);backdrop-filter:blur(12px)}
.hd{gap:10px;padding-top:22px;padding-bottom:10px}
.hd .go{margin-left:0;white-space:nowrap;padding:8px 12px}
.language-picker{position:relative;margin-left:auto;font-size:12px;flex:none;line-height:1.3}
.language-picker summary{list-style:none;display:flex;align-items:center;gap:6px;cursor:pointer;min-height:40px;padding:8px;border-radius:8px}
.language-picker summary::-webkit-details-marker{display:none}
.language-picker summary:hover{background:var(--card)}
.language-picker nav{position:absolute;right:0;top:calc(100% + 8px);width:174px;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 30px #0002;z-index:50}
.language-picker nav a{display:flex;justify-content:space-between;color:var(--ink);text-decoration:none;padding:12px;border-radius:8px;min-height:44px}
.language-picker nav a:hover,.language-picker nav a[aria-current]{background:color-mix(in srgb,var(--green) 10%,var(--card))}
.language-picker nav a[aria-current]{font-weight:700}
a:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.coverage{font-size:12px;letter-spacing:.02em;color:var(--soft);margin-bottom:16px;display:flex;align-items:center;gap:7px}
.coverage::before{content:'';width:6px;height:6px;background:var(--green);border-radius:50%;flex:none}
.hero{padding-top:26px}
html:not([lang="ko"]) h1{font-size:clamp(29px,6.8vw,40px)}
html[lang="en"] h1{letter-spacing:-.035em}
html[lang="ja"] body,html[lang^="zh"] body{word-break:normal;line-break:strict}
html[lang="ja"] body{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}
html[lang="zh-Hans"] body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
html[lang="zh-Hant"] body{font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei",sans-serif}
html[lang^="zh"] .pixel,html[lang="ja"] .pixel{font-family:inherit}
html[lang="en"] .board span{font-size:2.7cqw}
html[lang="en"] .bstrip .board span{font-size:4cqw}
.board span{max-width:100%;overflow:hidden;text-overflow:ellipsis}
main>.wrap{max-width:var(--col)}
.language-note{font-size:11px;padding-top:16px;opacity:.8}
#language-nudge{font-size:13px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;margin-top:8px}
#language-nudge[hidden]{display:none}
#language-nudge a{color:var(--ink)}
.sticky .cta{font-size:14px}
@media(min-width:860px){main>.wrap{max-width:960px;padding:0 24px}main>.wrap>section,main>.wrap>footer{max-width:620px}}
@media(max-width:359px){.hd{gap:4px}.brand img{height:22px}.hd .go{font-size:11px;padding:8px}.language-picker{font-size:11px}.language-picker summary{gap:4px;padding:5px}.hero .cta{font-size:14px;padding:14px 20px}}

/* Shared catalog: adopted app artwork, app order, localized app names and flavors. */
.catalog-card{scroll-margin-top:96px;min-width:0}
.catalog-art{position:relative;overflow:hidden;border-radius:12px;background:#F3EFE4;border:1px solid var(--line)}
.catalog-card .catalog-art img{border:0;border-radius:0;width:100%;height:auto;display:block;background:transparent}
.catalog-status{font-size:11px;color:var(--soft);margin-top:8px;line-height:1.4}
.catalog-status.free{color:#258F4E}
.catalog-badge{position:absolute;top:8px;left:8px;font-size:10px;font-weight:800;line-height:1.2;padding:5px 7px;color:#fff;border-radius:5px;z-index:1}
.catalog-badge[hidden]{display:none}
.catalog-badge.new{background:#8A52C7}
.catalog-badge.hot{background:#E5484D}
.catalog-shelf .cart{width:150px}
.catalog-card .nm{overflow-wrap:anywhere;line-height:1.45}
.catalog-card .fl{margin-top:5px;overflow-wrap:anywhere}
.catalog-heading{font-size:20px;margin-top:30px;letter-spacing:-.02em}
.catalog-sub{font-size:14px;color:var(--soft);margin-top:7px}
.train-shelf .cart{width:242px}
.train-card .catalog-art{aspect-ratio:2.6;display:flex;align-items:center;padding:18px 10px 10px}
.train-card .catalog-art img{width:100%;height:100%;object-fit:contain;aspect-ratio:auto}
.catalog-nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.catalog-nav a{display:inline-flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:9px 15px;text-decoration:none;color:var(--ink);font-size:14px;font-weight:600}
.catalog-nav span{font-size:12px;color:var(--soft)}
.decorate-page section{scroll-margin-top:92px}
.decorate-page .sub-hero{max-width:620px;padding-bottom:12px}
.decorate-page .sub-hero h1{font-size:clamp(27px,6.6vw,36px);max-width:550px}
.catalog-grid{gap:24px 14px}
.catalog-grid .cart .nm,.train-grid .cart .nm{font-size:14px}
.catalog-grid .cart .fl,.train-grid .cart .fl{font-size:12px;line-height:1.55}
.decorate-page .train-grid{grid-template-columns:1fr;gap:28px}
.decorate-page .train-card .catalog-art{max-width:520px;aspect-ratio:2.8;padding:25px 16px 12px}
@media(min-width:620px){.decorate-page .train-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:860px){.decorate-page>.wrap{max-width:960px;padding:0 24px}.decorate-page>.wrap>section:not(.sub-hero){max-width:none}.decorate-page .catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.decorate-page .sub-hero+section{padding-top:30px}}