.yc{scroll-margin-top:var(--header-height)}.yc-intro{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:20px clamp(16px,2vw,32px);margin-bottom:clamp(44px,5.4vw,88px);display:grid}.yc-intro .rg-rule{grid-column:1/-1;margin-bottom:clamp(20px,2.4vw,36px)}.yc-heading{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;grid-column:1/span 7;margin:0;font-size:clamp(40px,5.4vw,92px);font-weight:400;line-height:.98}.yc-heading span{color:var(--rg-red)}.yc-intro .rg-lede{grid-column:9/-1}.yc-play{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:44px clamp(16px,2vw,32px);display:grid}.yc-table{scroll-margin-top:calc(var(--header-height) + 24px);grid-column:1/span 5;justify-items:center;gap:26px;display:grid;position:relative}.yc-table:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#f2eadf12,#0000);position:absolute;inset:-12% -18%}.yc-deck{aspect-ratio:2/3;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:min(100% - 18px,400px);margin:0 18px 20px 0;padding:0;display:block;position:relative}.rg .yc-deck:focus-visible{outline-offset:12px}.yc-stack,.yc-edge,.yc-top,.yc-leaving{display:block;position:absolute;inset:0}.yc-edge{transform:translate(calc(var(--i) * 2.6px), calc(var(--i) * 3.2px));background:linear-gradient(135deg,#efe7da,#d9cfbf);border-radius:7%/5%;box-shadow:inset 0 0 0 1px #c3b7a4}.yc-under{position:absolute;inset:0;transform:translate(2.6px,3.2px);box-shadow:inset 0 0 0 1px #c3b7a4}.yc-edge:first-child{box-shadow:inset 0 0 0 1px #c3b7a4,0 50px 80px -34px #000000f2,0 18px 30px -18px #000c}.yc-top{--lift:0px;transform:perspective(1400px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift));transition:transform .6s var(--rg-ease)}.yc-top.is-tilting{transition-duration:.15s}.yc-top:after{content:"";background:radial-gradient(circle at var(--mx,50%) var(--my,20%), #fff8ec4d, transparent 46%);mix-blend-mode:soft-light;opacity:0;pointer-events:none;transition:opacity .5s var(--rg-ease);border-radius:7%/5%;position:absolute;inset:0}.yc-top.is-tilting:after{opacity:1}.yc-top .pc,.yc-leaving .pc{box-shadow:inset 0 0 0 1px var(--stock-edge), 0 2px 4px #00000059}@media (hover:hover) and (pointer:fine){.yc-deck:hover .yc-top{--lift:-8px}}.yc-flip{display:block;position:absolute;inset:0}.yc-flip>.pc{position:absolute;inset:0}.yc-flip>.yc-back{visibility:hidden}.yc-flip.is-turning>.yc-back{visibility:visible;animation:.26s cubic-bezier(.55,0,.85,.35) .22s both yc-fold}.yc-flip.is-turning>.yc-front{animation:.36s cubic-bezier(.15,.65,.3,1) .48s both yc-unfold}@keyframes yc-fold{to{filter:brightness(.8);transform:scaleX(0)}}@keyframes yc-unfold{0%{filter:brightness(.8);transform:scaleX(0)}}.yc-leaving{pointer-events:none;animation:.75s cubic-bezier(.45,.05,.2,1) forwards yc-leave}@keyframes yc-leave{25%{transform:translate(9%,-7%)rotate(4deg)}70%{opacity:1;transform:translate(72%,-6%)rotate(12deg)}to{opacity:0;transform:translate(100%,-5%)rotate(15deg)}}.yc-hint{letter-spacing:.16em;text-transform:uppercase;color:var(--rg-muted);margin:0;font-size:11px}.yc-hint .for-touch{display:none}@media (hover:none){.yc-hint .for-pointer{display:none}.yc-hint .for-touch{display:inline}}.yc-info{grid-column:7/-1;gap:clamp(24px,2.6vw,34px);min-width:0;display:grid}.yc-title{font-family:var(--font-display);letter-spacing:-.04em;text-wrap:balance;margin:12px 0 0;font-size:clamp(48px,5.4vw,96px);line-height:.94}.yc-line{max-width:34ch;color:var(--rg-ivory);margin:14px 0 0;font-size:clamp(18px,1.4vw,21px);line-height:1.45}.yc-note{max-width:48ch;color:var(--rg-muted);margin:8px 0 0;font-size:14px;line-height:1.5}.yc-reading{border-top:1px solid var(--rg-line);margin:0}.yc-reading>div{border-bottom:1px solid var(--rg-line);grid-template-columns:96px minmax(0,1fr);align-items:baseline;gap:16px;padding:14px 0;display:grid}.yc-reading dt{letter-spacing:.16em;text-transform:uppercase;color:var(--rg-muted);font-size:11px}.yc-reading dd{color:var(--rg-body);margin:0;font-size:15px;line-height:1.55}.yc-find{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.yc-label{letter-spacing:.16em;text-transform:uppercase;color:var(--rg-ivory);margin:0 0 6px;padding:0;font-size:11px;font-weight:500}.yc-chips{flex-wrap:wrap;gap:6px;display:flex}.yc-chips.is-suits{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.yc-chip{border:1px solid var(--rg-line-strong);min-width:40px;min-height:46px;color:var(--rg-ivory);cursor:pointer;transition:background-color .3s var(--rg-ease), border-color .3s var(--rg-ease), color .3s var(--rg-ease);justify-content:center;align-items:center;gap:10px;padding:0 10px;display:inline-flex;position:relative}.yc-chip.is-rank{font-family:var(--font-display);font-size:21px;line-height:1}.yc-chip.is-rank.is-court+.yc-chip.is-rank:not(.is-court){margin-left:10px}.yc-chip.is-suit{justify-content:flex-start;padding-inline:14px;font-size:14px}.rg .yc-chip.is-suit svg{fill:currentColor;width:15px;height:15px}.yc-chip.is-suit.is-red svg{color:var(--rg-red-text)}.yc-chip:has(input:checked){border-color:var(--rg-ivory);background:var(--rg-ivory);color:var(--rg-bg)}.yc-chip.is-suit.is-red:has(input:checked) svg{color:var(--rg-red)}.yc-chip:has(input:focus-visible){outline:2px solid var(--rg-ivory);outline-offset:3px}@media (hover:hover) and (pointer:fine){.yc-chip:not(:has(input:checked)):hover{border-color:var(--rg-ivory)}}.yc-actions{justify-items:start;gap:14px;display:grid}.yc-step{color:var(--rg-muted);font-variant-numeric:tabular-nums;margin-right:12px}.yc-chosen{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.yc-chosen-mark{border:1px solid var(--rg-red);background:var(--rg-red);min-height:56px;color:var(--rg-ivory);letter-spacing:.04em;align-items:center;gap:12px;padding:0 22px;font-size:13px;display:inline-flex}.rg .yc-chosen-mark svg{width:16px;height:16px}.yc-clear{min-height:44px;color:var(--rg-muted);font:inherit;letter-spacing:.04em;text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.yc-fine{max-width:54ch;color:var(--rg-muted);margin:0;font-size:13px;line-height:1.55}.yc-key{border-top:1px solid var(--rg-line-strong);margin-top:clamp(56px,6vw,96px)}.yc-key-label{letter-spacing:.16em;text-transform:uppercase;color:var(--rg-ivory);margin:0;padding-top:12px;font-size:11px;font-weight:500;line-height:1.5}.yc-key-suits{border-bottom:1px solid var(--rg-line);grid-template-columns:minmax(0,2fr) minmax(0,10fr);align-items:start;column-gap:clamp(16px,2vw,32px);padding-block:10px 26px;display:grid}.yc-key-suits ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px clamp(16px,2vw,32px);margin:0;padding:0;list-style:none;display:grid}.yc-key-suits li{transition:border-color .4s var(--rg-ease);border-top:2px solid #0000;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:12px;padding-top:12px;display:grid}.yc-key-suits li.is-current{border-top-color:var(--rg-red)}.rg .yc-key-glyph{fill:currentColor;width:18px;height:18px;color:var(--rg-ivory);margin-top:4px}.yc-key-suits .is-red .yc-key-glyph{color:var(--rg-red-text)}.yc-key-suits p{color:var(--rg-body);text-wrap:pretty;margin:0;font-size:14px;line-height:1.55}.yc-key-suits strong{font-family:var(--font-display);letter-spacing:-.01em;color:var(--rg-ivory);margin-bottom:4px;font-size:22px;font-weight:400;line-height:1.1;display:block}.yc-key-ranks{grid-template-columns:repeat(5,minmax(0,1fr));gap:40px clamp(16px,2vw,32px);padding-top:10px;display:grid}.yc-rank{grid-row:span 4;grid-template-rows:subgrid;min-width:0;transition:border-color .4s var(--rg-ease);border-top:2px solid #0000;align-content:start;row-gap:0;padding-top:18px;display:grid}.yc-rank.is-current{border-top-color:var(--rg-red)}.yc-rank-name{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(30px,2.6vw,44px);font-weight:400;line-height:1}.yc-rank-line{font-family:var(--font-display);color:var(--rg-muted);margin:6px 0 0;font-size:clamp(17px,1.3vw,21px);line-height:1.15}.yc-rank-body{color:var(--rg-body);text-wrap:pretty;margin:14px 0 0;font-size:13.5px;line-height:1.6}.yc-names{border-top:1px solid var(--rg-line);margin:18px 0 0;padding:0;list-style:none}.yc-name{border:0;border-bottom:1px solid var(--rg-line);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:12px;padding:10px 0;display:grid}.yc-name .pc{box-shadow:inset 0 0 0 1px var(--stock-edge), 0 8px 14px -8px #000000e6;transition:transform .45s var(--rg-ease)}.yc-name.is-current .pc{outline:2px solid var(--rg-red);outline-offset:2px}@media (hover:hover) and (pointer:fine){.yc-name:hover .pc{transform:translateY(-3px)}.yc-name:hover .yc-name-title{color:var(--rg-ivory)}}.yc-name-text{gap:3px;min-width:0;display:grid}.yc-name-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--rg-ivory);font-size:18px;line-height:1.12}.yc-sym{color:var(--rg-ivory);margin-right:2px;font-size:.8em}.yc-sym.is-red{color:var(--rg-red-text)}.yc-name-line{color:var(--rg-body);font-size:13px;line-height:1.45}.yc-name-note{color:var(--rg-muted);font-size:12px;line-height:1.4}.yc-names.is-numbers{border-top:1px solid var(--rg-line);gap:10px;padding-top:14px;display:flex}.yc-names.is-numbers .yc-name{border:0;width:52px;padding:0;display:block}@media (width<=999px){.yc-heading,.yc-intro .rg-lede{grid-column:1/-1}.yc-table{grid-column:1/span 5}.yc-info{grid-column:6/-1}.yc-key-suits{grid-template-columns:minmax(0,1fr)}.yc-key-suits ul{grid-template-columns:repeat(2,minmax(0,1fr))}.yc-key-ranks{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=699px){.yc-table,.yc-info{grid-column:1/-1}.yc-deck{width:min(64vw,300px)}.yc-title{font-size:clamp(44px,12vw,56px)}.yc-reading>div{grid-template-columns:80px minmax(0,1fr)}.yc-chips.is-suits{grid-template-columns:repeat(2,minmax(0,1fr))}.yc-chip.is-rank.is-court+.yc-chip.is-rank:not(.is-court){margin-left:0}.yc-actions .rg-button{width:100%}.yc-key-ranks{grid-template-columns:minmax(0,1fr)}.yc-rank-body{font-size:14px}}@media (prefers-reduced-motion:reduce){.yc-flip.is-turning>.pc,.yc-leaving{animation:none}.yc-flip.is-turning>.yc-back{visibility:hidden}.yc-top,.yc-name .pc{transition:none}}