.album{z-index:1;padding:4px 0 0;position:relative}.album-head{max-width:var(--wrap);padding:0 var(--pad) 6px;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 auto;display:flex}.album-head .l{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.album-head h2{letter-spacing:-.02em;margin:0;font-size:1.55rem;font-weight:750}.album-head .en{font-family:var(--mono);letter-spacing:.16em;color:var(--ink-3);text-transform:uppercase;font-size:.7rem}.album-head .r{align-items:center;gap:12px;display:flex}.hint{color:var(--ink-3);font-size:.8rem}@media (hover:none){.only-fine{display:none}}.pp{border:1px solid var(--line-2);width:36px;height:36px;color:var(--ink-2);transition:border-color .18s var(--ease), color .18s var(--ease), transform .14s var(--ease);background:#fff;border-radius:50%;place-items:center;display:grid}@media (hover:hover) and (pointer:fine){.pp:hover{border-color:var(--ink);color:var(--ink)}}.pp:active{transform:scale(.94)}.album-tabs{max-width:var(--wrap);padding:0 var(--pad) 5px;flex-wrap:wrap;align-items:center;gap:6px;margin:0 auto;display:flex}.tab-a{white-space:nowrap;border:1px solid var(--line);color:var(--ink-2);transition:color .16s var(--ease), background-color .22s var(--ease), border-color .22s var(--ease), box-shadow .26s var(--ease);background:#fff;border-radius:999px;flex:none;align-items:center;gap:7px;padding:7px 14px;font-size:.85rem;line-height:1;display:inline-flex}.tab-a .nm{letter-spacing:-.005em;font-weight:600}.tab-a .n{font-family:var(--mono);color:var(--ink-3);letter-spacing:.02em;transition:color .2s var(--ease);font-size:.665rem}@media (hover:hover) and (pointer:fine){.tab-a[aria-selected=false]:hover{border-color:var(--ink-3);color:var(--ink)}}.tab-a:active{transform:scale(.97)}.tab-a[aria-selected=true]{background:var(--tone);border-color:var(--tone);color:#fff;box-shadow:0 10px 22px -12px var(--tone)}.tab-a[aria-selected=true] .n{color:#ffffffd1}.tab-a:focus-visible{outline:2px solid var(--tone);outline-offset:3px}.pager{align-items:center;gap:16px;padding:14px 0 2px;display:flex}.pg-no{min-width:78px;font-family:var(--mono);letter-spacing:.04em;color:var(--ink-3);font-variant-numeric:tabular-nums;flex:none;align-items:baseline;gap:3px;font-size:.75rem;display:flex}.pg-no b{color:var(--ink);font-size:.9rem;font-weight:600}.pg-sep{color:var(--line-2)}.pg-bar{background:var(--line);cursor:pointer;border-radius:2px;flex:1;height:2px;position:relative}.pg-bar:after{content:"";position:absolute;inset:-10px 0}.pg-bar i{transform-origin:0;background:linear-gradient(90deg, var(--accent), #ff3d7f8c);transition:transform .56s var(--ease-soft);border-radius:2px;position:absolute;inset:0;transform:scaleX(0)}.pg-date{text-align:right;min-width:82px;font-family:var(--mono);color:var(--ink-3);letter-spacing:.04em;font-variant-numeric:tabular-nums;flex:none;font-size:.71rem}.stage{max-width:var(--wrap);padding:6px var(--pad) 18px;perspective:1700px;perspective-origin:50% 46%;touch-action:pan-y;margin:0 auto;position:relative}.deck{height:420px;transform-style:preserve-3d;pointer-events:none;position:relative}.frame{aspect-ratio:4/5;border:1px solid var(--line);width:336px;box-shadow:var(--shadow-m);transition:transform .76s var(--ease-soft), opacity .52s var(--ease-soft), box-shadow .42s var(--ease);transform-origin:50%;backface-visibility:hidden;isolation:isolate;cursor:pointer;background:#fff;border-radius:18px;flex-direction:column;margin-left:-168px;display:flex;position:absolute;top:0;left:50%;overflow:hidden}.cd{flex-direction:column;flex:1;min-height:0;padding:22px 24px 18px;display:flex;position:relative}.cd:before{content:"";background:linear-gradient(90deg, var(--tone) 0%, #fff0 92%);height:2px;position:absolute;top:0;left:0;right:0}.cd-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.cd-cat{font-family:var(--mono);letter-spacing:.15em;color:var(--tone);font-size:.655rem;font-weight:600}.cd-no{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:.695rem}.cd-t{letter-spacing:-.012em;color:var(--ink);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:20px 0 0;font-size:1.265rem;font-weight:700;line-height:1.44;display:-webkit-box;overflow:hidden}.cd-s{color:var(--ink-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:10px 0 0;font-size:.84rem;line-height:1.72;display:-webkit-box;overflow:hidden}.cd-x{border-top:1px solid var(--line);flex:auto;min-height:0;margin:14px 0 0;padding-top:13px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 76%,#0000 100%);mask-image:linear-gradient(#000 76%,#0000 100%)}.cd-x p{color:var(--ink-3);text-align:justify;text-justify:inter-character;margin:0;font-size:.775rem;line-height:1.78}.cd-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:13px;display:flex}.cd-d{font-family:var(--mono);color:var(--ink-3);letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:.71rem}.cd-go{color:var(--ink-2);transition:color .16s var(--ease);align-items:center;gap:5px;font-size:.785rem;display:inline-flex}.cd-go i{transition:transform .24s var(--ease);font-style:normal}.frame.is-game .cd-cover{background:#f2f2f6;flex:none;height:46%;overflow:hidden}.frame.is-game .cd-cover img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease-soft);display:block}.frame.is-game .cd{padding-top:16px}.frame.is-game .cd:before{display:none}.frame.is-game .cd-t{-webkit-line-clamp:2;margin-top:12px;font-size:1.14rem}.frame.is-game .cd-s{-webkit-line-clamp:2}.frame.is-active{box-shadow:var(--shadow-l);cursor:pointer}@media (hover:hover) and (pointer:fine){.frame:not(.is-active):hover{border-color:var(--line-2);box-shadow:var(--shadow-l)}.frame.is-active:hover{box-shadow:0 10px 24px #0c0c1c14,0 48px 90px -34px #0c0c1c57}.frame.is-active:hover .cd-go{color:var(--ink)}.frame.is-active:hover .cd-go i{transform:translate(3px)}.frame.is-active:hover .cd-cover img{transform:scale(1.035)}}.frame.is-active:active{box-shadow:0 6px 16px #0c0c1c1f}.arrow{z-index:70;border:1px solid var(--line-2);-webkit-backdrop-filter:blur(10px);width:46px;height:46px;color:var(--ink);box-shadow:var(--shadow-s);transition:transform .14s var(--ease), border-color .18s var(--ease), background-color .18s var(--ease);background:#ffffffdb;border-radius:50%;place-items:center;display:grid;position:absolute;top:calc(50% - 18px)}.arrow.prev{left:16px}.arrow.next{right:16px}@media (hover:hover) and (pointer:fine){.arrow:hover{border-color:var(--ink);background:#fff}}.arrow:active{transform:scale(.93)}.lb{z-index:120;-webkit-backdrop-filter:blur(18px)saturate(160%);opacity:0;pointer-events:none;transition:opacity .26s var(--ease);background:#ffffffd1;place-items:center;display:grid;position:fixed;inset:0}.lb[data-on]{opacity:1;pointer-events:auto}.lb-card{border:1px solid var(--line);opacity:0;width:min(600px,86vw);max-height:82vh;transition:transform .34s var(--ease), opacity .26s var(--ease);scrollbar-width:thin;background:#fff;border-radius:20px;padding:38px 44px 28px;overflow:auto;transform:scale(.96)translateY(10px);box-shadow:0 30px 80px -30px #0c0c1c61}.lb[data-on] .lb-card{opacity:1;transform:scale(1)translateY(0)}.lb-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.lb-cat{font-family:var(--mono);letter-spacing:.15em;color:var(--accent);font-size:.695rem;font-weight:600}.lb-no{font-family:var(--mono);color:var(--ink-3);letter-spacing:.05em;font-size:.715rem}.lb-t{letter-spacing:-.018em;margin:0 0 20px;font-size:1.58rem;font-weight:750;line-height:1.44}.lb-body p{color:var(--ink-2);margin:0 0 13px;font-size:.935rem;line-height:1.9}.lb-body p:last-child{margin-bottom:0}.lb-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;margin-top:24px;padding-top:16px;display:flex}.lb-d{font-family:var(--mono);color:var(--ink-3);letter-spacing:.04em;font-size:.745rem}.lb-link{color:var(--ink);border-bottom:1px solid var(--ink);transition:gap .22s var(--ease), opacity .16s var(--ease);align-items:center;gap:6px;padding-bottom:2px;font-size:.875rem;font-weight:600;display:inline-flex}@media (hover:hover) and (pointer:fine){.lb-link:hover{opacity:.7;gap:10px}}.lb .close{border:1px solid var(--line-2);width:40px;height:40px;transition:transform .14s var(--ease), border-color .18s var(--ease);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:26px;right:26px}@media (hover:hover) and (pointer:fine){.lb .close:hover{border-color:var(--ink)}}.lb .close:active{transform:scale(.93)}@media (width<=1024px){.deck{height:410px}.frame{width:320px;margin-left:-160px}}@media (width<=720px){.deck{height:400px}.frame{border-radius:15px;width:min(76vw,300px);margin-left:calc(min(76vw,300px)/-2)}.arrow{width:38px;height:38px;top:auto;bottom:16px}.arrow.prev{left:var(--pad)}.arrow.next{right:var(--pad)}.album-head{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.album-head .r .hint{display:none}.album-tabs{gap:5px}.tab-a{padding:6px 12px;font-size:.81rem}.pager{padding:18px 58px 2px}.pg-no{min-width:0}.pg-date{display:none}.lb-card{width:min(600px,92vw);max-height:86vh;padding:30px 24px 24px}.lb-t{font-size:1.32rem}.lb .close{top:14px;right:14px}}@media (prefers-reduced-motion:reduce){.frame,.lb-card{transition-duration:1ms!important}.frame.is-game .cd-cover img{transition:none}}
