@charset "UTF-8";
:root{--paper:#f3f0e7;--paper-light:#faf8f1;--ink:#263e37;--muted:#858878;--red:#a34836;--line:#d9d7c9;--gold:#a39670;--serif:'Noto Serif SC','Songti SC','SimSun',serif;--sans:'Microsoft YaHei','PingFang SC',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%238a8064' opacity='.36' filter='url(%23n)' d='M0 0h200v200H0z'/%3E%3C/svg%3E")}button,input,a,label{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--red);outline-offset:5px}button:disabled{opacity:.3;cursor:default}button{transition:color .2s,background .2s,transform .25s}button:hover{color:var(--red)}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}button svg{vertical-align:middle}::selection{background:#d5d9c9}body.modal-open{overflow:hidden}
.site-header{height:105px;max-width:1336px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 8px}.brand{display:flex;align-items:center;gap:12px}.seal{display:flex;flex-direction:column;justify-content:center;width:37px;height:47px;line-height:19px;background:var(--red);border-radius:3px;color:#f5eee1;text-align:center;font:20px/21px var(--serif);box-shadow:inset 0 0 0 3px var(--red),inset 0 0 0 4px #e1baa3;transform:rotate(-3deg)}.brand-text{font:29px var(--serif);letter-spacing:5px}.brand-text small{display:block;font:9px var(--sans);letter-spacing:3px;margin-top:5px;color:#7a8170}.site-header nav{display:flex;gap:34px;align-items:center;margin-left:60px}.nav-link{font-size:12px;letter-spacing:1px;position:relative;padding:20px 0}.nav-link.active:after{content:"";width:17px;height:2px;background:var(--red);position:absolute;bottom:8px;left:calc(50% - 8px)}.nav-link.active{color:var(--red)}#nav-count{font:10px Georgia,serif;padding:2px 5px;background:#e7e7db;border-radius:3px;margin-left:3px}.small-arrow{font-size:15px;padding-left:3px}.header-note{font-size:11px;letter-spacing:1.3px;color:#7f8575}.header-note i{display:inline-block;background:#a2a58c;width:5px;height:5px;border-radius:100%;margin-right:7px}
main{max-width:1216px;margin:auto}.hero{min-height:458px;display:grid;grid-template-columns:47% 53%;align-items:center;position:relative;padding:40px 0 44px}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:500}.hero .eyebrow{display:flex;align-items:center;gap:11px;color:#69745e}.hero .eyebrow>span{height:1px;width:28px;background:#9ba38c}h1{font:54px/1.37 var(--serif);font-weight:600;letter-spacing:5px;margin:21px 0 17px}.ink-red{color:var(--red)}.hero-copy>p{font-size:12px;line-height:2.1;letter-spacing:1.3px;color:#828674}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:25px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:38px;padding:13px 20px;background:var(--ink);color:#f5f1e6;border:1px solid var(--ink);font-size:11px;letter-spacing:1.5px;transition:background .2s,transform .25s}.primary-button:hover{background:#40584c;color:white;transform:translateY(-2px)}.primary-button span{font-size:16px}.hero-footnote{font-size:10px;color:#8b8d7b;letter-spacing:1.5px}.hero-art{height:355px;position:relative;display:grid;place-items:center}.moon-disc{position:absolute;width:322px;height:322px;background:radial-gradient(circle at 35% 30%,#e6e7d780,#d7decb80);border-radius:100%;top:10px;right:90px}.orbit{position:absolute;border:1px solid #c9cebb55;border-radius:50%;transform:rotate(-23deg)}.orbit-one{width:502px;height:230px}.orbit-two{width:486px;height:279px;transform:rotate(22deg)}.hero-calligraphy{position:absolute;font:124px var(--serif);color:#cad0be48;letter-spacing:15px;transform:rotate(-9deg);top:35px;left:64px}.hero-card{position:absolute;width:161px;aspect-ratio:440/665;padding:5px;background:#efeadc;border:1px solid #c1b79788;border-radius:7px;box-shadow:0 17px 24px #263e372a,0 2px 3px #263e3733;transition:transform .6s cubic-bezier(.2,.8,.2,1);overflow:hidden;top:32px;left:calc(50% - 80px)}.hero-card:nth-child(1){transform:translate(-135px,20px) rotate(-14deg);z-index:1}.hero-card:nth-child(2){transform:translate(128px,21px) rotate(14deg);z-index:2}.hero-card:nth-child(3){transform:translate(0,0) rotate(-2deg);z-index:3}.hero-card:hover{transform:translateY(-13px) rotate(0)!important;z-index:4}.hero-card .card-image{height:100%;width:100%;border-radius:3px}.hero-caption{position:absolute;bottom:0;display:flex;align-items:center;gap:15px;font:11px var(--serif);letter-spacing:4px;color:#8b8b70}.caption-rule{width:35px;height:1px;background:#c4c4ad}.hero-side-note{position:absolute;right:-45px;top:129px;writing-mode:vertical-rl;font:8px Georgia,serif;letter-spacing:2px;color:#999b86}
.catalog{scroll-margin-top:20px}.collection-tabs{border-bottom:1px solid var(--line);display:flex;align-items:stretch;gap:38px;height:67px}.series-tab{display:flex;align-items:center;gap:12px;padding:0 3px 18px;font:18px var(--serif);color:#8b8f7d;position:relative;letter-spacing:1px}.series-tab.active{color:var(--ink)}.series-tab.active:after{position:absolute;content:"";height:3px;width:100%;left:0;bottom:-2px;background:var(--ink)}.tab-mark{font:13px var(--serif);background:#e7e7dc;border:1px solid #d3d7c6;width:26px;height:26px;display:grid;place-items:center;border-radius:50%}.active .tab-mark{background:var(--ink);color:#f3eedf;border-color:var(--ink)}.series-tab small{font:10px Georgia,serif;letter-spacing:0;color:#969b85;margin-left:0}.tab-end{margin-left:auto;font:10px var(--serif);letter-spacing:2px;align-self:center;color:#989b86;padding-bottom:18px}.collection-heading{display:flex;justify-content:space-between;align-items:center;padding:34px 0 27px}.collection-eyebrow{font-size:9px;letter-spacing:2.5px;color:#90937f}h2{font:30px var(--serif);letter-spacing:3px;margin:10px 0 11px}.collection-heading p{font-size:11px;color:#858a78;letter-spacing:.7px;line-height:1.8;margin:0}.collection-progress{width:218px;padding-top:13px}.collection-progress>span{display:flex;justify-content:space-between;font-size:10px;color:#757d69}.collection-progress b{font:12px Georgia,serif;color:#5b6655}.progress-track{height:3px;background:#dedfd0;margin:10px 0 9px;overflow:hidden}.progress-track>div{height:100%;background:#839578;transition:width .5s}.collection-progress small{font-size:9px;color:#9b9e8c;letter-spacing:.4px}.toolbar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:63px;gap:10px}.category-filters{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.filter-button{font-size:11px;padding:8px 13px;white-space:nowrap;color:#868b78;border-radius:3px}.filter-button.active{background:#e0e5d8;color:#3b5042}.tools{display:flex;gap:17px;align-items:center}.search-box{height:33px;width:207px;display:flex;align-items:center;gap:8px;color:#919581}.search-box svg{width:15px;height:15px;flex-shrink:0}.search-box input{background:transparent;border:0;outline:0;width:100%;min-width:0;font-size:10px;color:var(--ink)}.search-box input::placeholder{color:#9b9e8d}.search-box kbd{font:10px Georgia,serif;padding:1px 5px;border:1px solid #d5d9c9;border-radius:3px}.face-switch{display:flex;border:1px solid #d5d8c9;border-radius:3px;padding:3px;gap:2px;flex-shrink:0}.face-switch button{font-size:10px;padding:5px 11px;white-space:nowrap;color:#8c917d;border-radius:2px}.face-switch button.active{background:#3d5143;color:#f2f0e5}.catalog-meta{display:flex;justify-content:space-between;align-items:center;margin:24px 0 21px;color:#919683;font-size:9px;letter-spacing:1px}.catalog-meta>span:last-child{display:flex;align-items:center;gap:7px}.tiny-diamond{height:4px;width:4px;background:#9aa189;transform:rotate(45deg);display:inline-block}.meta-divider{color:#c1c4b3;padding:0 4px}
.card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:30px 26px}.card-tile{min-width:0;position:relative;animation:card-appear .5s both;animation-delay:var(--delay,0s)}.card-open{display:block;width:100%;position:relative;padding:5px;background:#f8f4e9;border:1px solid #d0cbb8;border-radius:5px;box-shadow:0 4px 9px #263e370c;overflow:hidden;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .3s}.card-open:hover{transform:translateY(-7px) rotate(-1deg);box-shadow:0 13px 20px #263e3720;border-color:#aa9c75}.card-image{display:block;width:100%;aspect-ratio:440/665;background-size:cover;background-position:center;border-radius:3px;background-color:#e2dfd1;position:relative;overflow:hidden}.card-image.sprite-water{background-size:217.3913% 106.1571%;background-position:4.8148% 50%}.card-image.sprite-water.back-image{background-size:216.9197% 106.1571%;background-position:95.5473% 50%}.card-image img{width:100%;height:100%;object-fit:cover;display:block}.card-image.unavailable{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;background:#e6e5da;color:#83907c;gap:10px;border:1px solid #c5c8b7;box-shadow:inset 0 0 0 7px #f0eee4}.unavailable .missing-name{font:27px var(--serif);writing-mode:vertical-rl;letter-spacing:6px}.unavailable small{font:9px var(--sans);letter-spacing:2px;margin-top:10px}.tile-number{position:absolute;left:10px;bottom:10px;padding:4px 6px;background:#f4f0e4ed;color:#54624e;font:9px Georgia,serif;letter-spacing:1px;border-radius:2px}.tile-hover{position:absolute;inset:0;background:#122e2300;display:flex;align-items:flex-end;justify-content:center;padding-bottom:15px;transition:background .3s}.tile-hover>span{padding:7px 13px;font-size:10px;background:#f9f6eced;color:#3e5344;letter-spacing:2px;border:1px solid #b9c0aa;border-radius:20px;transform:translateY(12px);opacity:0;transition:transform .3s,opacity .3s}.card-open:hover .tile-hover{background:#122e2311}.card-open:hover .tile-hover>span{opacity:1;transform:translateY(0)}.tile-label{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-left:1px}.tile-label>div{min-width:0}.tile-label h3{font:17px var(--serif);font-weight:600;letter-spacing:2px;margin:0 0 5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tile-label p{margin:0;color:#929781;font-size:9px;letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tile-collect{border:1px solid #d4d7c6;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;color:#8d9780;padding:0;flex-shrink:0;margin-left:4px}.tile-collect svg{width:12px;height:12px;stroke-width:1.4}.tile-collect.owned{background:var(--ink);color:#eeeadd;border-color:var(--ink)}.tile-collect:hover{background:#e2e5d8;color:var(--ink)}.catalog-end{display:flex;align-items:center;justify-content:center;gap:20px;margin:45px 0 50px}.catalog-end>span{height:1px;width:65px;background:var(--line)}.catalog-end p{font:11px var(--serif);letter-spacing:2px;color:#9ba087}.empty-state{text-align:center;padding:55px 0 25px}.empty-state>span{font:46px var(--serif);color:#a0a78e}.empty-state h3{font:23px var(--serif);letter-spacing:3px}.empty-state p{color:#909680;font-size:12px;margin:20px}.text-button{font-size:11px;letter-spacing:1px;padding:10px 0}.archive-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:22px;padding:28px 20px;margin:25px 0 35px}.mini-seal{font:17px/1.2 var(--serif);color:#a58863;border:1px solid #b29c77;padding:5px 7px;border-radius:2px;transform:rotate(3deg)}.archive-note h3{font:17px var(--serif);letter-spacing:2px;font-weight:400;margin:0 0 10px}.archive-note p{font-size:10px;color:#969a84;margin:0;letter-spacing:1px}.archive-note>button{margin-left:auto;color:#868d75}.archive-note>button span{padding-left:10px}footer{max-width:1336px;display:flex;justify-content:space-between;align-items:center;margin:0 auto;padding:8px 8px 38px}.footer-brand{font:20px var(--serif);letter-spacing:3px}.footer-brand span{font:8px Georgia,serif;color:#a4a58e;letter-spacing:2px;padding-left:10px}footer p,footer button{font-size:9px;letter-spacing:1px;color:#9a9e86}
dialog{padding:0;border:1px solid #b3b59f;max-width:calc(100vw - 32px);background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #172a2640;overflow:visible}dialog::backdrop{background:#172b26bb;backdrop-filter:blur(7px)}dialog[open]{animation:dialog-appear .35s cubic-bezier(.16,.7,.25,1)}.detail-shell{width:900px;max-width:calc(100vw - 34px);display:grid;grid-template-columns:53% 47%;position:relative}.close-button{position:absolute;right:17px;top:12px;width:30px;height:30px;font:27px/1 var(--serif);color:#838b76;z-index:8}.detail-art-area{background:#e6e9de;display:flex;align-items:center;flex-direction:column;padding:23px 35px 24px;position:relative;overflow:hidden}.detail-art-top{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:9px;letter-spacing:1px;color:#89947e;margin-bottom:24px}.detail-art-top button{font-size:9px}.card-stage{width:267px;max-width:100%;aspect-ratio:440/665;perspective:1400px;cursor:pointer}.flip-card{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,.7,.2,1)}.flip-card.flipped{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;border-radius:8px;padding:5px;background:#f8f3e5;border:1px solid #c6c1ab;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 15px 25px #1c38262b;overflow:hidden}.card-face .card-image{width:100%;height:100%}.flip-back{transform:rotateY(180deg)}.detail-art-bottom{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:25px}.detail-art-bottom>button:first-child,.detail-art-bottom>button:last-child{border:1px solid #b8c0aa;width:30px;height:30px;border-radius:50%;font-size:16px}.detail-art-bottom>button:nth-child(2){display:flex;gap:8px;font-size:11px;letter-spacing:2px;align-items:center}.detail-art-bottom svg{width:14px;height:14px}.keyboard-tip{font-size:9px;color:#9aa38c;margin-top:20px}.keyboard-tip span{padding:0 8px}.detail-info{padding:65px 40px 32px;display:flex;flex-direction:column;align-items:flex-start}.detail-info .eyebrow{color:#8e957e;font-size:9px;letter-spacing:2px}.detail-number{font:11px Georgia,serif;letter-spacing:2px;color:#a28f66;margin-top:28px}.detail-info h2{font:43px var(--serif);letter-spacing:6px;margin:11px 0 8px}.detail-title{font:16px var(--serif);letter-spacing:3px;color:#7d8a6c;margin:0}.detail-tags{display:flex;gap:7px;margin-top:21px;flex-wrap:wrap}.detail-tags span{border:1px solid #cdd2bf;border-radius:2px;font-size:9px;letter-spacing:1px;padding:4px 8px;color:#7e896e}.detail-separator{width:100%;height:1px;background:#d8dccb;position:relative;margin:33px 0 25px}.detail-separator span{position:relative;top:-7px;background:var(--paper);padding:0 11px 0 0;font-size:9px;color:#8a967c}.detail-bio{font:13px/2.2 var(--serif);letter-spacing:1px;margin:0}.supplement-note{font-size:9px;color:#a0a48f;line-height:1.9;margin:13px 0 28px}.collect-button{border:1px solid var(--ink);padding:12px 20px;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:var(--ink);color:#f3f0e7;font-size:11px;letter-spacing:2px;margin-top:auto}.collect-button.owned{background:transparent;color:var(--ink)}.collect-button:hover{background:#dbe2d1;color:var(--ink)}.collect-button svg{width:14px;height:14px}.detail-source{margin-top:16px;line-height:1.9;font-size:9px;color:#939c83}.detail-source a{border-bottom:1px solid #c7cdb8}.about-dialog{width:640px;max-height:90dvh;padding:48px;overflow:auto}.about-dialog .eyebrow{font:9px Georgia,serif;letter-spacing:2px;color:#92977f}.about-dialog h2{margin:20px 0 26px}.about-dialog h3{font:18px var(--serif);letter-spacing:1px;margin-top:27px}.about-dialog p{font-size:12px;line-height:2.1;color:#7f8972}.source-entry{padding:13px 0;border-bottom:1px solid var(--line)}.source-entry h3{margin:0 0 8px;font-size:17px}.source-entry p{font-size:11px;margin:4px 0}.source-entry a{color:var(--red);border-bottom:1px solid #c9ad93}.backup-actions{display:flex;gap:12px;margin-top:20px}.secondary-button{font-size:11px;letter-spacing:1px;border:1px solid #a7b299;padding:13px 20px;cursor:pointer}.rights-note{font-size:10px!important;line-height:1.9!important;border-top:1px solid var(--line);padding-top:20px;margin-top:30px!important}.toast{position:fixed;left:50%;bottom:35px;z-index:100;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#294437ed;color:#f3efdf;padding:13px 25px;border:1px solid #7b8e6c;border-radius:3px;box-shadow:0 7px 23px #1b3b2422;font-size:12px;letter-spacing:1px;transition:opacity .25s,transform .25s}.toast.visible{opacity:1;transform:translate(-50%,0)}#zoom-dialog{background:transparent;border:0;box-shadow:none;max-width:95vw;max-height:97dvh}#zoom-dialog::backdrop{background:#101b18ee}.zoom-image{height:min(83dvh,1100px);aspect-ratio:440/665;max-width:90vw;margin:15px auto}.zoom-image .card-image{width:100%;height:100%;border-radius:5px}.zoom-image~p{color:#b9c3a8;font-size:10px;letter-spacing:2px;text-align:center}.zoom-image .missing-name{font-size:50px}#zoom-dialog .close-button{right:-40px;top:0;color:#e1e5d7}
@keyframes card-appear{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-appear{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1550px){main{max-width:1280px}.hero{min-height:488px}.site-header,footer{max-width:1400px}.hero-art{transform:scale(1.06)}}
@media(max-width:1380px){.site-header,footer{margin-left:4%;margin-right:4%}main{max-width:none;margin:0 7%}.hero-side-note{right:-32px}.card-grid{gap:28px 22px}.hero-card{width:148px}.hero-card:nth-child(1){transform:translate(-122px,20px) rotate(-14deg)}.hero-card:nth-child(2){transform:translate(116px,21px) rotate(14deg)}}
@media(max-width:1100px){main{margin:0 5%}.site-header{height:90px}.site-header nav{margin:0;gap:24px}.header-note{display:none}.hero{grid-template-columns:47% 53%;min-height:425px}h1{font-size:44px;letter-spacing:3px}.hero-copy>p{font-size:11px;letter-spacing:.5px}.hero-card{width:135px;top:48px}.hero-card:nth-child(1){transform:translate(-95px,22px) rotate(-14deg)}.hero-card:nth-child(2){transform:translate(100px,20px) rotate(14deg)}.moon-disc{width:280px;height:280px;right:25px;top:29px}.orbit{max-width:100%}.hero-caption{bottom:15px;letter-spacing:2px}.hero-side-note{display:none}.hero-calligraphy{font-size:100px;left:40px;top:70px}.hero-footnote{font-size:9px;letter-spacing:.5px}.hero-actions{gap:15px}.card-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:27px 20px}.toolbar{flex-wrap:wrap;padding:10px 0}.category-filters{gap:2px}.tools{gap:10px}.search-box{width:180px}.filter-button{padding:7px 10px}.detail-shell{width:820px}.detail-art-area{padding-left:25px;padding-right:25px}.detail-info{padding-left:30px;padding-right:30px}.detail-info h2{font-size:38px}}
@media(max-width:760px){.site-header{height:78px;margin:0 6%;padding:0}.brand{gap:9px}.seal{width:29px;height:37px;font-size:16px;line-height:16px}.brand-text{font-size:23px;letter-spacing:3px}.brand-text small{font-size:7px;letter-spacing:2px}.site-header nav{gap:22px}.nav-link{font-size:10px;letter-spacing:0}.nav-link:last-child{display:none}main{margin:0 6%}.hero{padding:26px 0 22px;grid-template-columns:1fr;min-height:0}.hero-copy{text-align:center}.hero .eyebrow{justify-content:center;font-size:9px;letter-spacing:2px;margin-top:7px}h1{font-size:39px;line-height:1.4;letter-spacing:4px;margin:18px 0 12px}h1 br{display:none}.hero-copy>p{font-size:10px;letter-spacing:1px;line-height:2}.hero-actions{justify-content:center;margin-top:20px}.primary-button{padding:11px 18px;gap:24px;font-size:10px}.hero-footnote{display:none}.hero-art{height:302px;margin-top:10px}.hero-card{width:129px;left:calc(50% - 65px);top:29px}.hero-card:nth-child(1){transform:translate(-98px,23px) rotate(-15deg)}.hero-card:nth-child(2){transform:translate(97px,23px) rotate(15deg)}.hero-caption{bottom:4px;font-size:9px;letter-spacing:3px}.moon-disc{width:246px;height:246px;right:calc(50% - 123px);top:12px}.orbit-one{width:350px;height:190px}.orbit-two{width:320px;height:230px}.hero-calligraphy{font-size:89px;left:calc(50% - 102px);top:45px}.collection-tabs{gap:24px;height:62px;margin-top:5px}.series-tab{font-size:16px;gap:8px;padding-bottom:15px}.tab-mark{width:22px;height:22px;font-size:11px}.series-tab small{font-size:9px}.tab-end{display:none}.collection-heading{padding:26px 0 24px;gap:20px;align-items:flex-start}.collection-eyebrow{font-size:8px;letter-spacing:1.5px}.collection-heading h2{font-size:25px;letter-spacing:2px;margin-top:9px}.collection-heading p{font-size:9px;letter-spacing:.2px;max-width:230px}.collection-progress{width:120px;flex-shrink:0;padding-top:25px}.collection-progress>span{font-size:8px}.collection-progress b{font-size:10px}.collection-progress small{display:none}.progress-track{margin:8px 0 0}.toolbar{gap:12px;padding:12px 0;display:block}.category-filters{gap:5px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:13px}.category-filters::-webkit-scrollbar{display:none}.filter-button{font-size:10px;padding:7px 11px}.tools{justify-content:space-between;gap:15px;border-top:1px solid #d9d7c966;padding-top:9px}.search-box{width:100%;height:31px;max-width:240px}.search-box input{font-size:10px}.search-box kbd{display:none}.face-switch button{padding:5px 9px}.catalog-meta{margin:19px 0 17px;font-size:8px;letter-spacing:.2px}.catalog-meta>span:last-child{gap:4px}.meta-divider{padding:0 2px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 14px}.card-open{padding:3px;border-radius:4px}.card-image{border-radius:2px}.tile-number{font-size:7px;padding:3px 4px;left:7px;bottom:7px}.tile-label{margin-top:10px}.tile-label h3{font-size:15px;letter-spacing:1px;margin-bottom:4px}.tile-label p{font-size:8px;letter-spacing:.2px}.tile-collect{width:20px;height:20px}.tile-collect svg{width:10px;height:10px}.tile-hover{display:none}.catalog-end{margin:33px 0;gap:13px}.catalog-end p{font-size:9px;letter-spacing:1px}.catalog-end>span{width:32px}.archive-note{padding:22px 0;gap:13px;margin-bottom:25px;flex-wrap:wrap}.archive-note h3{font-size:13px;letter-spacing:1px}.archive-note p{font-size:9px;letter-spacing:.5px;line-height:1.8}.mini-seal{font-size:14px;padding:4px 6px}.archive-note>button{margin-left:45px;font-size:9px;padding:0}footer{margin:0 6%;padding:0 0 28px;gap:10px;flex-wrap:wrap}.footer-brand{font-size:17px}.footer-brand span{font-size:7px;padding-left:5px}footer p{display:none}footer button{font-size:9px}.detail-shell{display:block;max-height:92dvh;overflow-y:auto;width:450px;scrollbar-width:thin}.detail-art-area{padding:20px 28px 17px}.detail-art-top{padding-right:23px;margin-bottom:16px}.card-stage{width:min(220px,50vw);}.detail-art-bottom{margin-top:17px}.keyboard-tip{display:none}.detail-info{padding:27px 28px 26px}.detail-number{margin-top:18px;display:none}.detail-info h2{font-size:33px;margin:13px 0 8px}.detail-title{font-size:14px}.detail-tags{margin-top:15px}.detail-separator{margin:25px 0 20px}.detail-bio{font-size:12px;line-height:2}.supplement-note{margin:10px 0 18px}.detail-source{margin-top:12px}.close-button{position:sticky;float:right;right:10px;top:8px;margin-left:-30px}.detail-shell>.close-button{position:absolute;top:9px;right:10px;background:#f3f0e7bb;border-radius:50%}.about-dialog{padding:32px 25px;max-height:88dvh}.about-dialog h2{font-size:25px}.about-dialog .eyebrow{font-size:7px}.about-dialog p{font-size:11px}.about-dialog .close-button{position:absolute}.backup-actions{gap:10px}.secondary-button{padding:11px 17px;font-size:10px}.zoom-image{height:auto;width:min(85vw,440px);aspect-ratio:440/665}#zoom-dialog .close-button{position:absolute;right:0;top:-17px}.toast{bottom:20px;font-size:11px;max-width:90vw;white-space:nowrap;padding:12px 18px}}
@media(max-width:370px){.card-grid{gap:20px 10px}.collection-heading{gap:10px}.collection-progress{width:100px}.series-tab{font-size:14px;gap:6px}.collection-tabs{gap:18px}h1{font-size:34px}.site-header nav{gap:13px}.tile-label h3{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-card:hover{transform:none}}
@media(max-width:760px){.hero-art{overflow:clip;overflow-clip-margin:12px}h1 br{display:block}.hero-card{width:123px;left:calc(50% - 62px)}.hero-card:nth-child(1){transform:translate(-90px,23px) rotate(-14deg)}.hero-card:nth-child(2){transform:translate(90px,23px) rotate(14deg)}}
.card-image:not(.sprite-water):not(.unavailable){background-size:contain;background-repeat:no-repeat}