:root{--felt: #2a4528;--felt-line: rgba(0, 0, 0, .18);--stock: #ffffff;--back-stock: #F7F5F5;--stock-edge: rgba(0, 0, 0, .12);--card-shadow: 0 2px 6px rgba(0, 0, 0, .1), 0 12px 28px rgba(0, 0, 0, .1);--card-shadow-lift: 0 4px 10px rgba(0, 0, 0, .12), 0 22px 48px rgba(0, 0, 0, .18);--cast: rgba(0, 0, 0, .55);--cast-glow: 0 0 7px 2px rgba(0, 0, 0, .34);--card-ar: 5 / 7;--card-w: 172px;--card-w-played: 118px;--card-w-modal: min(280px, 64vw);--card-box: calc(var(--card-w-modal) / (5 / 7));--modal-pad: 24px;--expand: 28px;--accent-ink: #10131C;--felt-expand: 0}@property --felt-expand{syntax: "<number>"; inherits: true; initial-value: 0;}:root[data-theme=dark]{--accent-ink: #16160A;--stock: #202020;--back-stock: #373737;--stock-edge: rgba(255, 255, 255, .14);--card-shadow: 0 2px 6px rgba(0, 0, 0, .4), 0 12px 28px rgba(0, 0, 0, .4);--card-shadow-lift: 0 4px 10px rgba(0, 0, 0, .55), 0 22px 48px rgba(0, 0, 0, .6);--cast: rgba(0, 0, 0, .62);--cast-glow: 0 0 7px 2px rgba(0, 0, 0, .4)}.sketchbook{--col: 1180px;--gutter: 24px;padding:0 0 96px}#upcoming{max-width:var(--col);margin-left:auto;margin-right:auto;padding-left:var(--gutter);padding-right:var(--gutter)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}#felt{position:relative;--felt-base: max(64vh, 460px);--felt-base: max(64dvh, 460px);height:calc(var(--felt-base) + (100vh - var(--felt-base)) * var(--felt-expand));height:calc(var(--felt-base) + (100dvh - var(--felt-base)) * var(--felt-expand));margin-top:calc(-63px * var(--felt-expand));border-radius:0;background-color:var(--felt);box-shadow:inset 0 1px 0 var(--rule),inset 0 -1px 0 var(--rule);overflow:hidden;touch-action:none;transition:--felt-expand 90ms linear}html.felt-covering{overscroll-behavior-y:none}html.felt-covering #felt{z-index:11;will-change:height}html.felt-covering #topbar{opacity:calc(1 - var(--felt-expand));transform:translateY(calc(-10px * var(--felt-expand)));pointer-events:none;transition:none}html.felt-covering #upcoming{opacity:calc(1 - var(--felt-expand));pointer-events:none}html.felt-fullscreen{overflow:hidden}html.felt-snapping #felt{transition:--felt-expand .48s cubic-bezier(.22,1,.36,1)}html.felt-covering.felt-snapping #topbar{transition:opacity .48s cubic-bezier(.22,1,.36,1),transform .48s cubic-bezier(.22,1,.36,1)}html.felt-snapping #upcoming{transition:opacity .48s cubic-bezier(.22,1,.36,1)}@media(max-width:700px){:root{--felt-expand: 0 !important}html.felt-covering #felt{z-index:auto}html.felt-covering #topbar{opacity:1;transform:none;pointer-events:auto;transition:transform .35s ease,opacity .35s ease}html.felt-covering #upcoming{opacity:1;pointer-events:auto}html.felt-fullscreen{overflow:visible}}#surface{position:absolute;top:0;left:0;z-index:1;--die-z: 40000;width:150%;height:150%;min-width:1920px;min-height:720px;min-height:max(720px,150vh);--px: 0px;--py: 0px;transform:translate3d(var(--px),var(--py),0);background-color:var(--felt);background-image:url(/assets/albedo-DbGV-Rry.jpg);background-size:520px 520px;cursor:grab}#felt.is-panning #surface{cursor:grabbing}#mat{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .45s ease}#mat.is-lit{opacity:1}#table-heading{position:absolute;left:0;top:0;z-index:1;width:max-content;margin:0;padding:0;pointer-events:none;-webkit-user-select:none;user-select:none;text-align:center;visibility:hidden;font-weight:400;line-height:1;color:transparent}#table-heading.is-placed{visibility:visible}html.mat-ink #mat.is-lit~#table-heading{opacity:0}#table-heading .mat-title,#table-heading .mat-tag{background-image:none;-webkit-text-fill-color:rgba(255,255,255,.5);color:#ffffff80}#table-heading .mat-title{display:block;font-family:DM Sans,sans-serif;font-weight:400;font-size:clamp(42px,10.5vw,104px);letter-spacing:-.02em;line-height:1.05}#table-heading .mat-tag{display:block;margin-top:.18em;font-family:Mynerve,cursive;font-weight:400;font-size:clamp(18px,3.5vw,38px);letter-spacing:.01em;line-height:1.2}.chip{position:absolute;width:var(--chip-w, 52px);height:var(--chip-w, 52px);border-radius:50%;overflow:visible;touch-action:none;-webkit-user-select:none;user-select:none;z-index:var(--die-z, 40000);transition:transform .18s cubic-bezier(.2,.75,.3,1)}.chip.is-dragging{transform:scale(1.08)}.chip svg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;pointer-events:none;transform:rotate(var(--chip-rot, 0deg))}.chip-cast{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transform:translate3d(var(--cast-dx, calc(var(--chip-w, 52px) * .12)),var(--cast-dy, calc(var(--chip-w, 52px) * .16)),0);transition:transform .18s cubic-bezier(.2,.75,.3,1)}.chip.is-dragging .chip-cast{transform:translate3d(calc(var(--cast-dx, calc(var(--chip-w, 52px) * .12)) * 1.5),calc(var(--cast-dy, calc(var(--chip-w, 52px) * .16)) * 1.5),0)}.chip-cast-disc{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--cast);filter:blur(.7px)}#played{position:absolute;top:0;right:0;bottom:0;left:0}#played.is-shuffling{z-index:50000}#fan{position:absolute;left:50%;bottom:0;z-index:2;margin-left:calc(var(--card-w) / -2);width:var(--card-w);height:calc(var(--card-w) / (5 / 7));margin-bottom:calc(var(--card-w) / (5 / 7) * -.34)}#card-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none}#card-transition>*{position:fixed;margin:0;transform-origin:0 0;will-change:transform,opacity}.ct-media{background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}:root.card-transition #felt>#fan,:root.card-transition #felt #played{opacity:0}:root.card-transition #topbar,:root.card-transition #upcoming{opacity:0;pointer-events:none}:root.felt-arrive #played,:root.felt-arrive #fan,:root.felt-arrive #upcoming,:root.felt-arrive #topbar{animation:felt-piece-in .48s cubic-bezier(.22,.61,.36,1) both}:root.felt-arrive #topbar{animation-delay:40ms}:root.felt-arrive #played{animation-delay:70ms}:root.felt-arrive #fan{animation-delay:.13s}:root.felt-arrive #upcoming{animation-delay:.18s}@keyframes felt-piece-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes felt-piece-fade{0%{opacity:0}to{opacity:1}}.card{position:absolute;width:var(--card-w);aspect-ratio:var(--card-ar);container-type:inline-size;--frame: max(2px, 1.98cqw);--card-r: 4.65cqw;--well-r: max(2px, calc(var(--card-r) - var(--frame)));--x: 0px;--y: 0px;--rot: 0deg;--lift: 0px;--enter: 0px;--tilt: 0deg;--pick: 1;left:0;top:0;translate:var(--x) calc(var(--y) + var(--lift) + var(--enter)) 0px;transform:rotate(calc(var(--rot) + var(--tilt))) scale(var(--pick));perspective:1000px;border:0;padding:0;margin:0;background:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.card-flip{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:inherit;perspective:1000px;cursor:inherit;-webkit-tap-highlight-color:transparent}.card-flip:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.22,.61,.36,1)}.card.is-flipped .card-inner{transform:rotateY(180deg)}.card.is-flipping .card-inner{animation:card-lift .5s cubic-bezier(.22,.61,.36,1)}@keyframes card-lift{0%,to{scale:1;translate:0 0 0}32%,58%{scale:1.1;translate:0 0 28px}}.card.is-flipping>.card-expand,.card.is-flipping:hover>.card-expand,.card.is-flipped>.card-expand,.card.is-flipped:hover>.card-expand,.card.is-flipped>.card-expand:focus,.card.is-flipped>.card-expand:focus-visible{opacity:0;pointer-events:none}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--card-r);overflow:hidden;background:var(--stock);box-shadow:var(--card-shadow),inset 0 0 0 1px var(--stock-edge);backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-face--back{transform:rotateY(180deg);background:var(--back-stock)}.card-back-frame{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;color:var(--accent)}.card-back-mark{position:absolute;left:50%;top:50%;width:41.27%;aspect-ratio:1;transform:translate(-50%,-50%);background-color:var(--accent);-webkit-mask:url(/assets/hfyj-mark-zgPSppTe.svg) center / contain no-repeat;mask:url(/assets/hfyj-mark-zgPSppTe.svg) center / contain no-repeat}.card-face--front{padding:var(--frame);background:var(--back-stock)}.card-well{position:relative;width:100%;height:100%;border-radius:var(--well-r);overflow:hidden;clip-path:polygon(19.83cqw 0,100% 0,100% calc(100% - 10.48cqw),calc(100% - .62cqw) calc(100% - 7.77cqw),calc(100% - 2.3cqw) calc(100% - 6.1cqw),calc(100% - 4.86cqw) calc(100% - 5.52cqw),calc(100% - 11.14cqw) calc(100% - 5.52cqw),calc(100% - 13.84cqw) calc(100% - 4.24cqw),calc(100% - 15.8cqw) calc(100% - 1.84cqw),calc(100% - 16.82cqw) calc(100% - .92cqw),calc(100% - 19.83cqw) 100%,0 100%,0 10.48cqw,.62cqw 7.77cqw,2.3cqw 6.1cqw,4.86cqw 5.52cqw,11.14cqw 5.52cqw,13.84cqw 4.24cqw,15.8cqw 1.84cqw,16.82cqw .92cqw)}.card-pip{position:absolute;z-index:2;display:flex;align-items:center;gap:.7cqw;font-family:DM Sans,Figtree,system-ui,sans-serif;font-size:4.5cqw;font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--ink);pointer-events:none}.card-pip.is-accent{color:var(--accent)}.pip-suit{display:block;flex:none;width:.82em;height:.82em}.card-pip--tl{left:4.15cqw;top:1.9cqw}.card-pip--br{right:4.15cqw;bottom:1.9cqw;transform:rotate(180deg)}.card-face img{width:100%;height:100%;object-fit:cover}.card-embed{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#000}.card-embed iframe{display:block;width:100%;height:100%;border:0}.card-well.is-embed .card-name{display:none}.card-name{position:absolute;left:0;right:0;bottom:0;padding:22px max(10px,21cqw) 9px 10px;background:linear-gradient(to top,#000000ad,#0000);color:#fff;text-align:left;pointer-events:none}.card-name .cat{display:block;font-size:8px;letter-spacing:.14em;text-transform:uppercase;opacity:.78;margin-bottom:1px}.card-name .name{display:block;font-size:12px;font-weight:600;line-height:1.2}.card-expand{position:absolute;top:calc(var(--frame) + 3px);right:calc(var(--frame) + 3px);z-index:3;display:flex;align-items:center;justify-content:center;width:var(--expand);height:var(--expand);margin:0;padding:0;border:0;border-radius:8px;background:#1414148c;color:#fff;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .18s ease,background-color .18s ease}.card-expand svg{width:calc(var(--expand) * .5);height:calc(var(--expand) * .5);display:block}.card-expand:hover{background:#141414c7}.card:hover>.card-expand,.card-expand:focus,.card-expand:focus-visible{opacity:1;pointer-events:auto}.card-expand:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#fan .card{transition:translate .22s ease,transform .22s ease,opacity .22s ease}#fan.is-placing .card{transition:none}#fan .card.is-entering{--enter: 54px;opacity:0}#fan .card:hover,#fan .card:focus-within{--lift: -16px}#played .card{width:var(--card-w-played);box-shadow:none;-webkit-touch-callout:none}#played .card.is-dragging{--pick: .92}#played .card.is-dragging .card-face{box-shadow:var(--card-shadow-lift),inset 0 0 0 1px var(--stock-edge)}#played .card.is-dealing{transition:translate .52s cubic-bezier(.2,.75,.3,1),transform .52s cubic-bezier(.2,.75,.3,1),width .52s cubic-bezier(.2,.75,.3,1)}#played .card{transition:transform .2s cubic-bezier(.2,.75,.3,1),scale .18s cubic-bezier(.2,.75,.3,1)}#played .card.is-gathering{transition:translate .5s cubic-bezier(.3,.8,.3,1),transform .5s cubic-bezier(.3,.8,.3,1)}#played .card.is-riffling{transition:translate .22s ease,transform .22s ease}#played.is-shuffling .card-face{box-shadow:inset 0 0 0 1px var(--stock-edge)}#upcoming{padding-top:24px}#upcoming h2{font-family:DM Sans,Figtree,system-ui,sans-serif;font-size:22px;font-weight:500;color:var(--head);margin:0 0 20px}#upcoming h2 .count{color:var(--num);font-variant-numeric:tabular-nums}#grid{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.slot{position:relative;aspect-ratio:var(--card-ar);border-radius:4.65% / calc(4.65% * 5 / 7)}.slot:empty{box-shadow:inset 0 0 0 1px var(--rule);background:#00000007}:root[data-theme=dark] .slot:empty{background:#ffffff09}.slot:empty:before{content:"";position:absolute;left:50%;top:50%;width:26%;aspect-ratio:1;transform:translate(-50%,-50%);background-color:#00000012;-webkit-mask:url(/assets/hfyj-mark-zgPSppTe.svg) center / contain no-repeat;mask:url(/assets/hfyj-mark-zgPSppTe.svg) center / contain no-repeat}:root[data-theme=dark] .slot:empty:before{background-color:#ffffff17}#grid .card{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;aspect-ratio:auto;transform:none}#grid .card.is-moving{transition:transform .42s cubic-bezier(.2,.75,.3,1)}#grid .card.is-leaving{transition:transform .3s cubic-bezier(.4,0,.9,.4),opacity .3s ease;transform:scale(.14);opacity:0;pointer-events:none;translate:none}body.has-dot .card,body.has-dot #grid .card,body.has-dot .card-flip,body.has-dot .card-expand,body.has-dot .chip{cursor:none}#grid .slot>.card{touch-action:pan-y;-webkit-touch-callout:none}#grid .slot>.card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}#grid .card.is-lifted{touch-action:none;z-index:5;transition:scale .18s cubic-bezier(.2,.75,.3,1);scale:.92}#grid .card.is-lifted .card-face{box-shadow:var(--card-shadow-lift),inset 0 0 0 1px var(--stock-edge)}#grid .card-face{box-shadow:inset 0 0 0 1px var(--stock-edge)}#grid .card-face img{transition:transform .4s ease}#grid .card:hover .card-face img{transform:scale(1.04)}#grid .card-name{opacity:0;transition:opacity .22s ease}#grid .card:hover .card-name,#grid .card:focus-within .card-name{opacity:1}#grid-empty{color:var(--caption);font-size:15px}#card-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:var(--modal-pad)}#card-modal[hidden]{display:none}body.modal-open{overflow:hidden}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#1414166b;animation:modal-fade .28s ease both}:root[data-theme=dark] .modal-scrim{background:#0009}#card-modal:not([hidden]) .modal-scrim{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-panel{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;max-height:100%}#modal-card{display:flex}#modal-card>.card.is-embed{--card-box: min(860px, calc(100vw - var(--modal-pad) * 2), calc((100svh - var(--modal-pad) * 2) * 16 / 9))}#modal-card>.card{position:relative;--fit-w: min(var(--card-box), calc(100vw - var(--modal-pad) * 2));--fit-h: min(var(--card-box), calc(100vh - var(--modal-pad) * 2));--fit-h: min(var(--card-box), calc(100svh - var(--modal-pad) * 2));--modal-card-w: min(var(--fit-w), calc(var(--fit-h) * var(--card-ar)));--modal-card-h: calc(var(--modal-card-w) / (var(--card-ar)));width:var(--modal-card-w);--tilt-x: 0deg;--tilt-y: 0deg;perspective:1100px;cursor:default;animation:card-rise .62s cubic-bezier(.2,.75,.28,1) both}#modal-card>.card:not(.is-flipped) .card-inner{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .14s ease-out}#modal-card .card-pip{display:none}#modal-card .card-well{clip-path:none}#modal-card .card-name{padding:22px 10px 9px}#modal-card>.card .card-face{box-shadow:var(--card-shadow-lift),inset 0 0 0 1px var(--stock-edge)}@keyframes card-rise{0%{transform:translate3d(0,88px,0);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}#modal-card .card-face--back{display:flex;background:var(--stock)}.card-detail{display:flex;flex-direction:column;width:100%;--pad-y: 26px;--pad-x: 22px;padding:min(var(--pad-y),calc(var(--modal-card-h) / 15)) min(var(--pad-x),calc(var(--modal-card-w) / 12));text-align:left;color:var(--ink);overflow:auto}.card-detail .detail-cat{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.card-detail .detail-title{font-family:DM Sans,Figtree,system-ui,sans-serif;font-size:21px;font-weight:500;line-height:1.2;margin:0 0 16px;color:var(--head)}.card-detail .detail-copy{margin:0 0 16px;font-size:13px;line-height:1.5;color:var(--ink)}.card-detail dd a{color:var(--accent);text-decoration:none}.card-detail dd a:hover{text-decoration:underline}.card-detail dl{display:grid;grid-template-columns:auto 1fr;gap:7px 14px;margin:0;padding-top:14px;border-top:1px solid var(--rule);font-size:12px}.card-detail dt{color:var(--caption)}.card-detail dd{margin:0;color:var(--ink);font-variant-numeric:tabular-nums}.card-detail .detail-note{margin:auto 0 0;padding-top:16px;font-size:12px;line-height:1.5;color:var(--caption)}@media(max-width:900px){#grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.sketchbook{--gutter: 16px;padding:0 0 64px}:root{--card-w: 124px;--card-w-played: 84px;--expand: 24px;--modal-pad: 16px}#felt{--felt-base: 70vh;--felt-base: 70dvh}#table-heading .mat-title{font-size:clamp(36px,12vw,72px)}#table-heading .mat-tag{font-size:clamp(16px,4.4vw,28px)}.card-detail{--pad-y: 20px;--pad-x: 18px}.card-detail .detail-title{font-size:18px}#grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#upcoming h2{font-size:19px}#grid .card-name{opacity:1}}@media(prefers-reduced-motion:reduce){.card-inner,#fan .card,#played .card,#grid .card.is-moving,#grid .card.is-leaving,#played .card.is-gathering,#played .card.is-riffling,#played .card.is-dealing,#grid .card-face img,.card-expand,#grid .card-name{transition-duration:1ms}.card.is-flipping .card-inner{animation-duration:1ms}#modal-card>.card,.modal-scrim{animation-duration:1ms}#modal-card>.card .card-inner{transition-duration:1ms}#mat,#felt,html.felt-snapping #felt{transition-duration:1ms}}@supports (height: 1dvh){@media(max-width:700px){#felt{--felt-base: 70dvh}}}.die{position:absolute;display:block;width:var(--die-w, 46px);height:var(--die-w, 46px);margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;overflow:visible;-webkit-user-select:none;user-select:none;z-index:var(--die-z, 40000);touch-action:none;perspective:520px}body.has-dot .die,body.has-dot .die-face,body.has-dot .die-cast-face,body.has-dot .die-pip{cursor:none}.die:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.die.is-dragging{z-index:calc(var(--die-z, 40000) + 2)}.die-cube{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.die-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22%;backface-visibility:hidden;background-color:var(--back-stock);--shade: 0;--lit: 0;--lx: 50%;--ly: 38%;--sx: 50%;--sy: 62%;background-image:radial-gradient(circle 58% at var(--lx) var(--ly),rgba(255,255,255,var(--lit)),transparent 70%),radial-gradient(circle 78% at var(--sx) var(--sy),rgba(0,0,0,var(--shade)),transparent 72%);box-shadow:inset 0 0 0 1px var(--stock-edge);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:15%;gap:5%}html.no-mat-lamp .die-face{background-image:none}@media(hover:none),(pointer:coarse){.die-face{background-image:none}}.die-pip{align-self:center;justify-self:center;width:76%;height:76%;border-radius:50%;background:var(--ink)}.die-cast{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate3d(var(--cast-dx, 12px),var(--cast-dy, 17px),0);transform-style:preserve-3d;pointer-events:none;transition:transform .12s ease-out}.die-cast-cube{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.die-cast-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10%;backface-visibility:hidden;background:var(--cast, rgba(0, 0, 0, .55));box-shadow:var(--cast-glow, 0 0 7px 2px rgba(0, 0, 0, .34));pointer-events:none}