.gallery-intro{max-width:var(--maxw);margin:0 auto;padding:0 1rem;font-size:.95rem;opacity:.7}.gallery-intro a{color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:2px}.gallery-intro a:hover{opacity:.8}.series-active-banner{max-width:var(--maxw);margin:.5rem auto 1.5rem;padding:.9rem 1.2rem;display:flex;align-items:center;gap:.9rem;border:3px solid var(--ink);border-radius:var(--radius);background:var(--offwhite);box-shadow:0 4px 0 var(--ink);font-weight:600}.series-active-banner-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--accent)}.series-active-banner-cover{width:48px;height:48px;object-fit:cover;border:2px solid var(--ink);border-radius:var(--radius-sm);display:block}.series-active-banner-label{color:var(--ink);overflow-wrap:anywhere;display:flex;flex-direction:column;line-height:1.2;flex:1 1 auto;min-width:0}.series-active-banner-eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.series-active-banner-name{font-size:1.05rem;font-weight:700}.series-active-banner-read,.series-active-banner-clear{flex:0 0 auto;white-space:nowrap}html.dark-mode .series-active-banner{background:var(--dm-surface);border-color:var(--dm-border);box-shadow:0 4px 0 var(--dm-border);color:var(--dm-text)}html.dark-mode .series-active-banner-label{color:var(--dm-text)}img.is-loading{opacity:0}.detail-hero img{transition:opacity var(--transition-medium)}.detail-hero.loading:after,.thumb-wrap.is-loading:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.22) 50%,transparent 100%);background-size:200% 100%;animation:shimmer-bg 1.2s linear infinite}.detail-hero.loading:after{display:block;pointer-events:none}.detail-hero.loading:before{content:"";position:absolute;top:50%;left:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border:4px solid var(--ink);border-top-color:transparent;border-radius:var(--radius-circle);box-shadow:0 4px 0 var(--ink);animation:app-spin .8s linear infinite;z-index:2}.gallery{max-width:var(--maxw);margin:1.5rem auto 2rem;padding:0 1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,calc(50% - 10px)),1fr));gap:28px 18px;contain:layout style}#gallery{scroll-margin-top:calc(var(--header-h) + 10px)}.card.is-skeleton{min-height:290px;pointer-events:none}.card.is-skeleton .skeleton-body{padding:.9rem 1.1rem 1.1rem;display:flex;flex-direction:column;gap:.55rem}.card.is-skeleton .skeleton-line{height:.7rem;border-radius:.35rem;background:linear-gradient(90deg,#0000000f,#0000001f,#0000000f);background-size:200% 100%;animation:shimmer-bg 1.2s linear infinite}.card.is-skeleton .skeleton-line--title{width:70%;height:.95rem}.card.is-skeleton .skeleton-line--meta{width:45%}@media(max-width:600px){.card.is-skeleton:nth-of-type(n+4){display:none}}.gallery-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 1rem;text-align:center}.gallery-empty-msg{margin:0;font-size:1.05rem;opacity:.75}.gallery-empty-clear{align-self:center}.card{position:relative;background:var(--offwhite);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transform:translateY(0);transition:transform var(--transition-medium),box-shadow var(--transition-medium),background-color var(--transition-medium),border-color var(--transition-medium);cursor:var(--cursor-pointer);display:flex;flex-direction:column;contain:layout style;will-change:box-shadow,transform}.card:hover{transform:translateY(-3px);background-color:var(--bg-complementary);border-color:var(--ink-complementary);box-shadow:0 14px 0 var(--ink-complementary),0 16px 28px #00000047;color:var(--ink-complementary)}.card:focus-visible{outline:3px dashed var(--accent);outline-offset:-6px;background-color:var(--bg-analogous);box-shadow:0 14px 0 var(--ink),0 16px 28px #00000047}.card .thumb-wrap{aspect-ratio:1 / 1;overflow:hidden;line-height:0;font-size:0}.card .meta span:first-child{transform-origin:left center;transition:transform var(--transition-fast)}.card:hover .meta span:first-child{transform:scale(1.05);font-weight:700;color:var(--darkblue)}.card .meta span:first-child{position:relative}.card .meta mark{background-color:#fff3a8;color:var(--ink);border-radius:var(--radius-sm, 3px);padding:0 2px}html.dark-mode .card .meta mark{background-color:#6b5e1d;color:var(--dm-text, #f0e9d6)}.card:hover .thumb{filter:brightness(.97)}.thumb{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;transition:opacity .3s ease-in;-webkit-user-drag:none;user-select:none;pointer-events:auto}.thumb-wrap.is-loading{background-color:var(--thumb-bg, #ececec)}.thumb-wrap.is-loading:before{z-index:0}.thumb-wrap .thumb{position:relative;z-index:1;transition:opacity var(--transition-medium)}.thumb-wrap.is-loading .thumb{opacity:0}@keyframes shimmer-bg{0%{background-position:100% 0}to{background-position:-100% 0}}.meta{display:grid;grid-template-columns:1fr auto;padding:.7rem .8rem;gap:.6rem;align-items:center}.meta .tag{font-size:.85rem;background:var(--offwhite);border:2px solid var(--ink);border-radius:var(--radius-pill);padding:.2rem .5rem}.meta-right{justify-self:end;display:flex;align-items:center;gap:.5rem}.meta>:first-child{line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}.credits{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.9rem;overflow:visible}.credits>.who{opacity:.9}.card .credits{padding:0 .8rem .8rem;margin-top:auto}.card .credits a{font-weight:700;text-decoration:none}.card .credits .who:hover{display:inline-flex;animation:wiggle .6s ease-in-out}.credits .who{display:inline-flex;align-items:center;gap:.4rem;min-width:0;overflow:visible;flex:1 1 0}.credits .who a:has(.avatar){flex-shrink:0}.credits .who a:not(:has(.avatar)){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}@media(max-width:480px){.credits .who a:not(:has(.avatar)){display:none}.card-new{display:none}}.credits .date{font-size:.85rem;opacity:.675;flex-shrink:0;white-space:nowrap}.variant-pill{position:absolute;top:8px;left:8px;background:var(--offwhite);border:3px solid var(--ink);border-radius:var(--radius-pill);padding:.2rem .5rem;font-weight:800;box-shadow:0 4px 0 var(--ink);user-select:none;-webkit-user-drag:none;cursor:var(--cursor-default);background-color:var(--offwhite)}.card:hover .variant-pill,.variant-pill:hover{animation:wiggle 1s ease-in-out;background-color:var(--bg-complementary-light);border:3px solid var(--ink-complementary);box-shadow:0 4px 0 var(--ink-complementary);color:var(--ink-complementary)}html.dark-mode .card:hover .variant-pill,html.dark-mode .variant-pill:hover{background-color:var(--dm-elevated);color:var(--dm-text)}.card-new{color:var(--accent-dark);font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;user-select:none}html.dark-mode .card-new{color:#fda4b6}.avatar{width:32px;height:32px;border:2px solid var(--ink);border-radius:50%;object-fit:cover;background:var(--offwhite);vertical-align:middle;cursor:var(--cursor-pointer)}.cameo-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}.cameo-panel{display:flex;flex-wrap:wrap;gap:.5rem .6rem;padding:.5rem .75rem;border-top:3px dashed var(--ink);background:var(--offwhite)}.cameo-chip{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .7rem;border:3px solid var(--ink);border-radius:var(--radius-pill);background:var(--bg-analogous);box-shadow:0 4px 0 var(--ink);font-weight:700;width:max-content;text-decoration:none!important;color:inherit;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.cameo-panel .cameo-chip{gap:.4rem;padding:.35rem .6rem;flex:0 0 auto;max-width:220px}.cameo-panel .cameo-chip .avatar{width:32px;height:32px;flex:0 0 auto}.cameo-panel .cameo-chip .cameo-name,.cameo-panel .cameo-chip .text-run{min-width:0;overflow-wrap:anywhere;line-height:1.15}.cameo-chip:hover{background:var(--offwhite);box-shadow:0 6px 0 var(--ink),0 8px 16px #00000040;transform:translateY(-2px);text-decoration:none!important}.cameo-chip:active{transform:translateY(2px);box-shadow:0 2px 0 var(--ink)}.cameo-chip a,.cameo-chip a:visited,.cameo-chip a:hover,.cameo-chip a:focus{text-decoration:none!important;border:0!important;box-shadow:none!important;color:inherit}.cameo-chip a:focus-visible{outline:2px dashed var(--accent);outline-offset:2px}.cameo-chip,.cameo-chip *{user-select:none;-webkit-user-drag:none}.cameo-panel[hidden]{display:none!important;border-top:none!important;padding:0!important}.thumb-wrap{position:relative;display:block;width:100%;height:auto}.play-badge{position:absolute;right:10px;bottom:10px;background:var(--offwhite);border:3px solid var(--ink);border-radius:var(--radius-pill);width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:900;box-shadow:0 4px 0 var(--ink);line-height:1;white-space:nowrap;pointer-events:none;padding-left:2px}html.dark-mode .card:hover{background-color:var(--dm-elevated);border-color:var(--dm-border);box-shadow:0 14px 0 var(--dm-border),0 16px 28px #00000047;color:var(--dm-text)}html.dark-mode .card:hover .meta span:first-child{color:var(--dm-text)}html.dark-mode .gallery-intro{color:var(--dm-text-muted)}html.dark-mode .cameo-chip{background:var(--dm-surface);border-color:var(--dm-border);box-shadow:0 4px 0 var(--dm-border);color:var(--dm-text)}html.dark-mode .cameo-chip:hover{background:var(--dm-accent-dim);box-shadow:0 6px 0 var(--dm-border),0 8px 16px #00000040}html.dark-mode .cameo-chip:active{box-shadow:0 2px 0 var(--dm-border)}

/*# sourceMappingURL=gallery.a5532bf3.css.map */