/* Shared gallery and experience system; loaded after the existing theme tokens. */
:root{--gallery-panel:#1c1d20;--gallery-soft:#242529;--gallery-ink:#f2f1ef;--gallery-muted:#b4b5bb;--gallery-line:#393b41;--gallery-accent:#ff7847;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
:root[data-theme=light]{--gallery-panel:#fff;--gallery-soft:#eeefec;--gallery-ink:#202322;--gallery-muted:#616862;--gallery-line:#d7dbd5;--gallery-accent:#b73e17}
body{color:var(--gallery-ink)}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gallery-accent);outline-offset:4px}.btn{min-height:46px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:8px}.btn-primary{background:var(--gallery-accent);border-color:var(--gallery-accent);color:#171719}.btn-ghost{color:var(--gallery-ink);border-color:var(--gallery-line);background:transparent}.link-button{color:var(--gallery-muted);min-height:40px;font-size:13px}.btn:active{transform:translateY(1px)}
.header-inner{height:76px;gap:22px}.header-inner .brand{font-size:28px}.header-cabinet{font-size:12px!important;border-radius:8px}.global-search{max-width:400px;flex:1}.theme-toggle{font-size:12px}.nav-inner{gap:36px}.nav-inner a{font-size:14px;padding-block:16px}.nav-all-series{font-size:12px!important}.gallery-home{padding-top:30px}.gallery-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}.gallery-copy{padding:20px 0}.card-eyebrow{font-size:12px;color:var(--gallery-muted);letter-spacing:.07em}.gallery-copy h1{font-size:clamp(42px,4.7vw,66px);line-height:1.2;letter-spacing:-.045em;margin:20px 0}.gallery-copy>p{font-size:16px;line-height:1.8;color:var(--gallery-muted);margin-bottom:24px}.gallery-actions{display:flex;gap:10px;flex-wrap:wrap}.gallery-index{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:30px;font-size:13px}.gallery-index>span{flex-basis:100%;font-size:12px;color:var(--gallery-muted)}.gallery-index>a{padding-block:6px;border-bottom:1px solid var(--gallery-line)}.gallery-feature{position:relative;display:block;height:410px;border-radius:14px;overflow:hidden;background:#25242a;color:#fff}.gallery-feature>img{width:100%;height:100%;object-fit:cover;object-position:70% 40%;transition:transform .5s ease}.gallery-feature:hover>img{transform:scale(1.035)}.gallery-feature>div{position:absolute;bottom:0;left:0;right:0;padding:60px 28px 24px;background:linear-gradient(transparent,#101116db)}.gallery-feature span{display:block;font-size:12px;color:#e3e0dd}.gallery-feature strong{display:block;font-size:24px;margin-top:9px}.gallery-feature b{position:absolute;right:28px;bottom:28px;font-size:25px;font-weight:400}
.gallery-experiences,.gallery-library{margin-top:48px}.card-section-heading{align-items:center;margin-bottom:22px}.card-section-heading h2{font-size:26px;margin:0 0 9px;letter-spacing:-.03em}.card-section-heading p{font-size:14px;color:var(--gallery-muted)}.card-section-heading>a{font-size:13px;color:var(--gallery-muted);padding:10px 0}.gallery-play-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.gallery-play-card{min-width:0}.gallery-play-card>div{aspect-ratio:1;overflow:hidden;border-radius:10px;background:var(--gallery-soft)}.gallery-play-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-play-card:hover img{transform:scale(1.045)}.gallery-play-card>span{display:flex;justify-content:space-between;font-size:17px;font-weight:650;margin-top:14px}.gallery-play-card b{font-weight:400;color:var(--gallery-muted)}.gallery-play-card>small{font-size:13px;display:block;color:var(--gallery-muted);margin-top:8px}.card-source-note{font-size:12px!important;line-height:1.8;margin-top:20px;color:var(--gallery-muted)}
.gallery-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gallery-source{position:relative;min-height:235px;display:flex;align-items:center;padding:24px;gap:12px;overflow:hidden;background:var(--gallery-panel);border:1px solid var(--gallery-line);border-radius:10px}.source-identity{position:relative;z-index:1;flex:1;min-width:0}.source-identity>span{font-size:11px;letter-spacing:.12em;color:var(--gallery-muted)}.source-identity h3{font-size:25px;margin:12px 0}.source-identity p{font-size:12px;line-height:1.7;color:var(--gallery-muted);max-width:170px}.source-identity b{display:block;font-size:20px;margin-top:20px}.source-identity b small{font-size:11px;color:var(--gallery-muted);font-weight:400}.source-card{position:relative;flex:none;width:100px;height:148px;transform:rotate(9deg);border:1px solid var(--gallery-line);border-radius:6px;overflow:hidden;box-shadow:0 10px 20px #0003;background:var(--gallery-soft)}.source-card>div{position:absolute;inset:10px;display:flex;flex-direction:column;justify-content:center;gap:14px;text-align:center}.source-card strong{font-size:14px;overflow-wrap:anywhere}.source-card small{font-size:10px;color:var(--gallery-muted)}.source-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0}.source-card img.image-ready{opacity:1}.source-arrow{position:absolute;right:18px;top:14px;color:var(--gallery-muted)}.gallery-source:hover{border-color:var(--gallery-accent)}.gallery-personal{display:flex;justify-content:space-between;align-items:center;gap:24px;border-block:1px solid var(--gallery-line);margin-top:48px;padding:32px 0}.gallery-personal h2{font-size:25px;margin:12px 0}.gallery-personal p{font-size:14px;color:var(--gallery-muted)}.gallery-personal-actions{display:flex;flex-direction:column;gap:4px;align-items:center;flex-shrink:0}.card-footer{margin-top:12px;padding-top:28px}.card-footer p{font-size:14px}.card-footer small,.card-footer nav{font-size:12px;line-height:1.8}.card-footer nav>a{padding:4px 0}
/* Browse first; less-frequent planning tools stay within a disclosure. */
.library-gallery{padding-top:28px}.library-gallery .real-heading{margin-bottom:24px}.library-gallery .real-heading h1{font-size:34px;margin:0 0 9px}.library-gallery .real-heading p{font-size:14px;margin:0}.library-workbench{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.library-search-form{grid-column:1/-1;margin:0;gap:10px}.library-search-form>input{min-height:48px;font-size:15px;background:var(--gallery-panel);color:var(--gallery-ink);border-color:var(--gallery-line)}.library-search-form>.btn{font-size:13px}.library-filters{grid-column:1/-1;margin:0;gap:12px;grid-template-columns:1fr 1fr 1.6fr}.library-filters label{gap:5px;color:var(--gallery-muted);font-size:12px}.library-filters select{background:var(--gallery-panel);color:var(--gallery-ink);border-color:var(--gallery-line);min-height:42px;font-size:13px}.library-tools{min-width:0}.library-tools>summary{cursor:pointer;color:var(--gallery-muted);font-size:13px;min-height:40px;display:flex;align-items:center;gap:8px}.library-tools>summary:before{content:'＋';font-size:18px}.library-tools[open]>summary:before{content:'−'}.library-tools[open]{grid-column:1/-1}.library-tools .library-source{margin:0 0 10px;background:var(--gallery-panel);border-color:var(--gallery-line)}.library-undo{justify-self:end}.library-network-status:empty{display:none}.library-result-count{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--gallery-muted);margin:18px 0}.library-result-count>span{font-size:12px;color:var(--gallery-muted)}.public-card-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.public-card-grid>article{background:transparent!important;border:0!important;overflow:visible;min-width:0}.library-card-open{display:block;width:100%;padding:0;background:transparent;border:0;color:var(--gallery-ink);text-align:left;border-radius:8px}.public-card-image{aspect-ratio:5/7;height:auto;min-height:0;border-radius:9px;border:1px solid var(--gallery-line);overflow:hidden;background:var(--gallery-soft);transition:transform .2s,box-shadow .2s}.public-card-image img{width:100%;height:100%;object-fit:contain}.library-card-open:hover .public-card-image{transform:translateY(-4px);box-shadow:0 8px 20px #0002}.public-card-fallback{inset:10px;color:var(--gallery-ink);border-color:var(--gallery-line);padding:14px 10px}.public-card-fallback>strong{font-size:19px}.public-card-fallback>small,.public-card-fallback>span{font-size:11px;color:var(--gallery-muted)}.public-card-fallback>em{font-size:10px;color:var(--gallery-muted)}.library-card-caption{display:block!important;margin-top:12px}.library-card-caption>small{display:block;font-size:11px;color:var(--gallery-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-card-caption>strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:44px;line-height:1.5;font-size:15px;color:var(--gallery-ink);margin-top:6px}.public-card-grid .library-card-bottom{padding:8px 0 0!important}.library-owned{font-size:12px;color:var(--gallery-muted);margin-bottom:9px}.public-card-grid .btn{width:100%;font-size:12px;min-height:40px;padding:8px}.library-more{margin:32px auto}.library-detail-dialog{width:min(730px,100%)}.library-detail-dialog .eyebrow{display:none}.library-detail-dialog>h2{padding-right:28px;font-size:24px}.library-detail-art{width:min(250px,70%);margin:20px auto}.library-detail-copy p{font-size:14px;line-height:1.8;color:var(--gallery-muted)}.detail-actions{display:flex;gap:10px;flex-wrap:wrap}.library-official{display:inline-block;color:var(--gallery-accent);font-size:13px;margin-top:20px}.real-dialog{background:var(--gallery-panel)!important;border-color:var(--gallery-line)!important;color:var(--gallery-ink)!important}.real-form label,.real-form .form-hint{font-size:13px}.real-form input,.real-form select,.real-form textarea{font-size:15px;min-height:44px}.real-utilities{flex-wrap:wrap;gap:12px}.real-utilities>button,.real-utilities>a{min-height:40px;font-size:12px}.real-metrics span,.real-heading p{font-size:13px}.real-item-body>h3{font-size:16px}.real-item-body>p,.real-item-body>small{font-size:12px}.real-item-state{font-size:12px}.collection-mode small{font-size:11px}
/* Packaging persists from the series page into the hands-on opening sequence. */
.physical-choice,.opening-object,.flow-card-back{position:relative;isolation:isolate;overflow:hidden}.package-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none;user-select:none}.physical-choice:after,.opening-object:after,.flow-card-back:after{content:'';position:absolute;inset:0;background:linear-gradient(#14131c44,#14131c00 40%,#14131ce8);z-index:-1;pointer-events:none}.physical-choice{border:1px solid #b7a489;border-block-width:5px;background:#28252c;box-shadow:0 5px 12px #0003;transition:transform .2s,box-shadow .2s}.physical-choice>b{visibility:hidden;flex:1}.physical-choice>span{font-size:9px;padding:4px 6px;background:#171719ad;color:#fff}.physical-choice>strong{font-size:22px;color:#fff;text-shadow:0 2px 4px #000}.physical-choice>small{font-size:10px;color:#fff}.physical-choice.chosen{transform:translateY(-9px) rotate(-2deg);border-color:#ffae87;box-shadow:0 12px 24px #0005,0 0 0 2px #ff7847}.physical-choice:disabled{filter:grayscale(1);opacity:.3}.physical-choice:disabled>b{visibility:visible;flex:0;color:#fff}.opening-object{display:flex;cursor:pointer;border-color:#cbb18b;min-height:310px;width:230px;color:#fff!important;box-shadow:0 14px 30px #0005}.opening-object:disabled{opacity:1}.opening-object>b{visibility:hidden;flex:1}.opening-object>span{background:#111b;padding:5px 8px;font-size:11px}.opening-object strong,.opening-object small{color:#fff;text-shadow:0 2px 3px #000}.opening-object .tear-line{background:#13121bab;color:#fff;font-size:12px}.opening-object:hover:not(:disabled){transform:rotate(-2deg)}.flow-card-back{background:#27242b;border:2px solid #c4a77b}.flow-card-back>b{visibility:hidden}.flow-card-back>span,.flow-card-back>strong,.flow-card-back>small{position:relative;background:#171719ba;padding:4px 7px;color:#fff}.flow-card-back>small{font-size:11px}.flow-reveal.revealed{animation:gallery-flip .35s ease-out}.flow-dialog{background:var(--gallery-panel);border-color:var(--gallery-line);width:min(960px,100%)}.flow-dialog-top small{font-size:12px}.flow-dialog h2{font-size:28px}.flow-help{font-size:13px;line-height:1.7}.flow-save-note{font-size:12px}.flow-steps li{font-size:12px}.flow-steps li.current{color:var(--gallery-ink)}.flow-reveal>span{font-size:12px}.flow-reveal>strong{font-size:16px}.flow-skip{display:block;margin:8px auto}.theme-art{width:100%;aspect-ratio:1.6;object-fit:cover;border-radius:7px;margin-bottom:15px}.theme-options button{overflow:hidden;padding:12px;background:var(--gallery-soft);border-color:var(--gallery-line)}.theme-options span,.theme-options small{font-size:12px}.summary-items b{font-size:14px}.summary-items small{font-size:12px}.session-metrics span,.flow-followup p,.missing-wishes button,.flow-followup>button{font-size:12px}.flow-followup button{min-height:42px}.shop-body h3{font-size:18px}.shop-body p,.shop-stock,.shop-action{font-size:13px}.discover-page .compact-heading{padding-top:25px}.play-intro,.rule-box p{font-size:14px;line-height:1.8}.play-journey span{font-size:12px}.play-control h1{font-size:34px}.play-switcher a{min-height:44px;font-size:13px}.play-under-actions a,.play-under-actions button{font-size:12px;min-height:40px}.product-thumbs button{min-width:48px;min-height:48px}
@keyframes gallery-flip{from{transform:perspective(700px) rotateY(-75deg);opacity:.6}to{transform:perspective(700px) rotateY(0);opacity:1}}
@media(min-width:761px){.public-card-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.library-detail-dialog{display:grid;grid-template-columns:240px 1fr;gap:0 28px}.library-detail-dialog>h2{grid-column:1/-1}.library-detail-art{width:100%;margin:12px 0}.library-detail-copy{align-self:center}.library-detail-copy .btn{width:100%}}
@media(max-width:1000px){.gallery-intro{gap:24px}.gallery-feature{height:360px}.gallery-copy h1{font-size:48px}.gallery-source-grid{gap:12px}.gallery-source{padding:18px}.source-card{width:70px;height:110px}.source-identity h3{font-size:22px}.gallery-play-grid{gap:14px}}
@media(max-width:760px){
 .header-inner{height:auto;min-height:64px;gap:10px;padding:14px 18px;flex-wrap:wrap}.header-inner .brand{font-size:26px}.header-inner .brand small{display:none}.global-search{display:none}.header-history{display:none}.theme-toggle{order:0;margin-left:auto;font-size:11px;min-height:36px}.header-cabinet{margin-left:0;font-size:11px!important;padding:8px}.desktop-nav{display:none}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);padding:6px 10px calc(6px + env(safe-area-inset-bottom));height:auto;background:var(--gallery-panel);border-color:var(--gallery-line)}.mobile-nav a{min-height:48px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px}.mobile-nav a small{font-size:11px}.mobile-nav a>span{font-size:20px}body{padding-bottom:76px}main{padding-inline:18px}.gallery-home{padding-top:16px}.gallery-intro{grid-template-columns:1fr;gap:20px}.gallery-copy{padding:4px 0}.gallery-copy>.card-eyebrow{display:none}.gallery-copy h1{font-size:40px;line-height:1.2;margin:8px 0 14px}.gallery-copy h1 br{display:none}.gallery-copy>p{font-size:14px;line-height:1.7;margin:0 0 18px}.gallery-copy>p br{display:none}.gallery-actions{gap:8px}.gallery-actions .btn{font-size:13px;flex:1;white-space:nowrap;padding-inline:12px}.gallery-index{margin-top:14px;gap:16px;font-size:12px}.gallery-index>span{display:none}.gallery-feature{height:220px;border-radius:10px}.gallery-feature>img{object-position:70% 42%}.gallery-feature>div{padding:40px 18px 18px}.gallery-feature strong{font-size:21px}.gallery-feature span{font-size:11px}.gallery-feature b{right:20px;bottom:20px}.gallery-experiences,.gallery-library{margin-top:30px}.card-section-heading{margin-bottom:16px;gap:8px}.card-section-heading h2{font-size:21px;line-height:1.35}.card-section-heading p{font-size:12px;line-height:1.6}.card-section-heading>a{font-size:11px}.gallery-play-grid{grid-template-columns:repeat(5,148px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 16px;scrollbar-width:thin}.gallery-play-card{scroll-snap-align:start}.gallery-play-card>span{font-size:16px;margin-top:10px}.gallery-play-card>small{font-size:12px}.card-source-note{margin-top:4px;font-size:11px!important}.gallery-source-grid{grid-template-columns:1fr;gap:12px}.gallery-source{min-height:150px;padding:20px 24px}.source-identity>span{font-size:10px}.source-identity h3{font-size:22px;margin:6px 0}.source-identity p{max-width:none;font-size:12px;margin:7px 0}.source-identity b{margin-top:9px;font-size:18px}.source-card{width:78px;height:110px;margin-right:10px}.gallery-personal{margin-top:30px;padding:24px 0;align-items:flex-start;flex-direction:column;gap:12px}.gallery-personal h2{font-size:21px}.gallery-personal p{font-size:13px}.gallery-personal-actions{flex-direction:row;gap:18px}.card-footer{padding:24px 18px 35px;gap:20px}.card-footer small,.card-footer nav{font-size:11px}.card-footer nav>a{padding:6px 0}
 .library-gallery{padding-top:20px}.library-gallery .real-heading{display:flex;flex-direction:row;align-items:center;gap:10px;margin-bottom:18px}.library-gallery .real-heading h1{font-size:27px}.library-gallery .real-heading p{font-size:12px}.library-gallery .real-heading .btn{font-size:11px;min-height:38px;padding:8px 10px;white-space:nowrap}.library-search-form{display:grid;grid-template-columns:1fr auto;gap:8px}.library-search-form>input{grid-column:1/-1;min-height:46px;font-size:16px}.library-search-form>.btn{min-height:40px;font-size:12px}.library-filters{grid-template-columns:1fr 1fr;gap:10px}.library-filters label{font-size:11px}.library-filters select{font-size:12px;min-height:40px}.library-filters label:last-child{grid-column:1/-1}.library-workbench{gap:8px}.library-tools>summary{font-size:12px;min-height:34px}.library-undo{font-size:11px;min-height:34px}.library-result-count{font-size:12px;margin:14px 0}.public-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.public-card-fallback{padding:12px 8px;inset:9px}.public-card-fallback>strong{font-size:17px}.public-card-fallback>span,.public-card-fallback>small{font-size:10px}.public-card-fallback>em{font-size:9px}.library-card-caption>strong{font-size:14px;min-height:42px}.library-card-caption>small{font-size:10px}.library-owned{font-size:11px}.library-detail-dialog>h2{font-size:22px}.library-detail-copy p{font-size:13px}.real-form input,.real-form select,.real-form textarea{font-size:16px}.real-form label{font-size:12px}.real-form .form-hint{font-size:12px}.collection-mode small{font-size:10px}.real-utilities{gap:6px 12px}.real-utilities button,.real-utilities a{font-size:11px}.real-metrics span{font-size:11px}
 .flow-backdrop{padding:8px}.flow-dialog{padding:22px 16px;max-height:calc(100dvh - 16px);border-radius:14px}.flow-dialog h2{font-size:23px;margin:22px 0}.flow-steps li{font-size:10px}.flow-dialog-top small{font-size:11px}.flow-help{font-size:12px}.flow-save-note{font-size:11px}.pack-selection{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}.pack-selection .physical-choice{height:160px}.physical-choice>span{font-size:7px;padding:3px}.physical-choice>small{font-size:9px}.physical-choice>strong{font-size:19px}.physical-choice.chosen{transform:translateY(-5px)}.bag-selection,.ticket-selection{grid-template-columns:repeat(3,minmax(0,1fr))}.bag-selection .physical-choice,.ticket-selection .physical-choice{height:120px}.ticket-selection .physical-choice>span{font-size:7px}.ticket-selection .physical-choice>small,.bag-selection .physical-choice>small{font-size:8px}.opening-object{min-height:280px;width:210px}.flow-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.flow-cards:has(>button:only-child){grid-template-columns:180px}.flow-reveal{width:100%;max-width:none}.flow-reveal>strong{font-size:12px}.flow-reveal>span{font-size:10px}.flow-card-back{margin:3px;min-height:190px;gap:10px}.flow-card-back>small{font-size:9px;padding:3px}.flow-card-back>strong{font-size:18px}.theme-options button{grid-template-columns:70px 1fr auto;gap:8px 12px;align-items:center}.theme-art{width:70px;height:80px;object-fit:cover;grid-column:1;grid-row:1/3;margin:0}.theme-options b{grid-column:2}.theme-options small{grid-column:3}.theme-options span{grid-column:2/4;grid-row:2;font-size:11px}.summary-items b{font-size:13px}.summary-items small{font-size:11px}.flow-actions .btn{font-size:13px}.play-journey{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.play-journey span{font-size:12px}.play-control h1{font-size:28px}.play-intro,.rule-box p{font-size:13px}.play-switcher{gap:7px}.play-switcher a{font-size:12px}.shop-body h3{font-size:16px}.shop-body p,.shop-stock,.shop-action{font-size:12px}
}
@media(max-width:360px){.gallery-copy h1{font-size:34px}.gallery-actions .btn{font-size:12px}.header-inner{padding-inline:14px}.header-inner .brand{font-size:24px}.header-cabinet{gap:6px}.card-section-heading h2{font-size:19px}.source-card{width:65px;height:100px;margin-right:0}.library-tools>summary{font-size:11px}.library-undo{font-size:10px}.flow-cards{gap:6px}.flow-card-back>small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.gallery-feature img,.gallery-play-card img,.public-card-image,.physical-choice{transition:none}.flow-reveal.revealed{animation:none}.gallery-feature:hover>img,.gallery-play-card:hover img,.library-card-open:hover .public-card-image{transform:none}}