.listing-flow{margin:-6px -12px 0}.listing-flow-viewport{overscroll-behavior-x:contain;scroll-behavior:auto;scrollbar-width:none;border-radius:22px;padding:16px 12px 26px;overflow-x:auto}.listing-flow-viewport::-webkit-scrollbar{display:none}.listing-flow-viewport:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}.listing-flow-track{width:max-content;display:flex}.listing-flow-group{gap:18px;padding-right:18px;display:flex}.listing-flow-group .listing-card{flex:0 0 clamp(222px,24vw,258px);width:clamp(222px,24vw,258px)}.listing-flow-group .card-image{aspect-ratio:1.64}.listing-flow-group .card-body{padding:15px}.listing-flow-group .card-body h3{min-height:45px;font-size:14px;line-height:1.6}.listing-flow-controls{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:0 14px;font-size:12px;display:flex}.listing-flow-toggle{background:var(--surface-relief);color:var(--primary);box-shadow:var(--depth-raised-sm);cursor:pointer;border:0;border-radius:12px;align-items:center;gap:6px;padding:8px 11px;display:inline-flex}.listing-flow-toggle:active,.listing-flow-toggle[aria-pressed=true]{box-shadow:var(--depth-pressed)}.listing-flow-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:3px}@media (max-width:600px){.listing-flow-group{gap:14px;padding-right:14px}.listing-flow-group .listing-card{flex-basis:236px;width:236px}.listing-flow-controls{font-size:11px}}.home-introduction{border-top:1px solid var(--line-strong);--intro-ease:cubic-bezier(.16, 1, .3, 1);margin-top:88px;padding-top:36px;scroll-margin-top:28px;container-type:inline-size}.intro-heading-row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.intro-heading-row h2{text-wrap:balance;overflow-wrap:anywhere;font-size:clamp(21px,3cqi,28px);line-height:1.5}.intro-table{--card-width:clamp(108px, 25cqi, 184px);--card-height:calc(var(--card-width) * 1.44);isolation:isolate;height:calc(var(--card-height) * 1.6 + 46px);margin:24px 0 8px;position:relative}.intro-playing-card{--fan-angle:var(--card-angle);z-index:var(--card-order);width:var(--card-width);height:var(--card-height);color:var(--card-ink);background:var(--card-paper);transform-origin:50% 150%;transform:translateX(-50%) rotate(var(--fan-angle));transition:transform .65s var(--intro-ease), box-shadow .35s ease, background-color .25s ease;text-align:left;-webkit-user-select:none;user-select:none;border-radius:14px;padding:0;position:absolute;top:38px;left:50%;box-shadow:0 12px 28px #3f4b4229,0 2px 5px #3f4b4217}.intro-playing-card--spade{--card-paper:#fff9ed;--card-ink:#655246}.intro-playing-card--heart{--card-paper:#f9e5e8;--card-ink:#83465a}.intro-playing-card--club{--card-paper:#d8ebe2;--card-ink:#3e6655}.intro-playing-card--diamond{--card-paper:#ece8f2;--card-ink:#62546e}.intro-playing-card:after{content:"";border:1px solid color-mix(in srgb, var(--card-ink) 19%, transparent);pointer-events:none;border-radius:9px;position:absolute;inset:7px}.intro-card-corner{fill:currentColor;width:clamp(16px,2.4cqi,22px);height:auto;position:absolute;top:19px;left:20px}.intro-card-corner--bottom{inset:auto 20px 18px auto;transform:rotate(180deg)}.intro-card-imprint{letter-spacing:.12em;white-space:nowrap;text-overflow:ellipsis;max-width:52%;font-size:11px;position:absolute;top:22px;right:19px;overflow:hidden}.intro-card-title{writing-mode:vertical-rl;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.06em;max-height:calc(100% - 108px);font-family:STKaiti,KaiTi,serif;font-size:clamp(18px,2.7cqi,22px);font-weight:600;line-height:1.3;position:absolute;top:60px;left:21px;overflow:hidden}.intro-card-suit{opacity:.12;fill:currentColor;width:52%;height:45%;position:absolute;top:27%;right:8%}.intro-card-summary{overflow-wrap:anywhere;opacity:0;width:45%;max-height:45%;font-size:clamp(11px,1.7cqi,13px);line-height:1.9;transition:opacity .25s;position:absolute;top:37%;right:12%;overflow:hidden}.intro-card-action{align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;bottom:22px;left:21px}.intro-playing-card[data-selected=true]{z-index:10;transform:translate(-50%)translateY(-23px)rotate(-2deg);box-shadow:0 22px 40px #3f4b423b,0 4px 8px #3f4b421a}.intro-playing-card[data-selected=true] .intro-card-summary{opacity:1}.intro-playing-card[data-selected=true] .intro-card-suit{opacity:.065}.intro-playing-card:focus-visible{z-index:11}@media (hover:hover) and (pointer:fine){.intro-playing-card:not([data-selected=true]):hover{z-index:9;transform:translateX(-50%) rotate(var(--fan-angle)) translateY(-16px);box-shadow:0 18px 34px #3f4b4233}.intro-playing-card[data-selected=true]:hover{transform:translate(-50%)translateY(-29px)rotate(-2deg)}.intro-topic:hover{color:var(--primary-deep);background:var(--surface-selected)}.intro-read-link:hover{gap:18px}}.intro-wordmark{z-index:0;top:calc(var(--card-height) * 1.27 + 28px);color:var(--primary);pointer-events:none;justify-content:center;align-items:center;gap:12px;width:94%;max-width:800px;display:flex;position:absolute;left:50%;transform:translate(-50%)rotate(-5deg)}.intro-wordmark>span{font-family:Qianhe Brush,Site Brand Brush,STKaiti,KaiTi,serif;font-size:clamp(calc(42px * var(--brand-scale,1)), calc(9cqi * var(--brand-scale,1)), calc(78px * var(--brand-scale,1)));white-space:normal;overflow-wrap:anywhere;text-align:center;letter-spacing:-.03em;min-width:0;line-height:1.1}.intro-wordmark i{border:1px solid var(--accent-ink);color:var(--accent-ink);writing-mode:vertical-rl;border-radius:3px;flex-shrink:0;padding:5px 3px;font-family:Qianhe Brush,Site Brand Brush,serif;font-size:13px;font-style:normal}.intro-topic-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.intro-topic{border-bottom:1px solid var(--line-strong);text-align:left;background:0 0;border-radius:4px;min-width:0;min-height:88px;padding:14px 8px;transition:background-color .2s}.intro-topic-title{overflow-wrap:anywhere;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.intro-topic-summary{overflow-wrap:anywhere;color:var(--muted);text-wrap:pretty;margin-top:8px;font-size:12px;line-height:1.7;display:block}.intro-topic[aria-pressed=true]{background:var(--surface-selected);border-bottom:3px solid var(--primary);padding-bottom:12px}.intro-selection{min-height:90px;color:var(--muted);justify-content:space-between;align-items:center;gap:18px;padding:20px 8px 0;font-size:13px;line-height:1.8;display:flex}.intro-selection strong{overflow-wrap:anywhere;color:var(--ink);font-size:15px;display:block}.intro-selection p{min-width:0}.intro-read-link{min-height:44px;color:var(--primary-deep);text-underline-offset:5px;transition:gap .25s var(--intro-ease);flex-shrink:0;align-items:center;gap:12px;font-size:14px;font-weight:600;text-decoration:underline;display:inline-flex}@container (width<=600px){.intro-table{--card-height:calc(var(--card-width) * 1.6)}.intro-playing-card{--fan-angle:calc(var(--card-angle) * .8)}.intro-heading-row{display:block}.intro-table{margin-top:22px}.intro-card-corner{top:14px;left:13px}.intro-card-corner--bottom{inset:auto 13px 13px auto}.intro-card-imprint{font-size:9px;top:15px;right:13px}.intro-card-title{letter-spacing:.04em;max-height:calc(100% - 62px);font-size:16px;top:36px;left:14px}.intro-card-action{gap:3px;font-size:9px;bottom:15px;left:14px}.intro-card-action svg{width:11px}.intro-card-summary{display:none}.intro-topic-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}.intro-topic{min-height:86px;padding-left:4px;padding-right:4px}.intro-topic-title{overflow-wrap:anywhere;font-size:15px}.intro-topic-summary{overflow-wrap:anywhere;font-size:12px}.intro-selection{padding-left:4px;padding-right:4px}}@media (max-width:600px){.home-introduction{margin-top:56px;padding-top:28px}}@media (prefers-reduced-motion:reduce){.home-introduction *,.home-introduction :after{transition:none}}