.thdd-card{--thdd-bg: #1e3d3e;--thdd-bar: #254a4b;--thdd-bar-bg: #0d1112;--thdd-bar-ink: #f2f1ef;--thdd-bar-dim: rgba(242, 241, 239, .6);--thdd-halo: rgba(13, 17, 18, .85);--thdd-ink: #d5d2c3;--thdd-muted: #aea18a;--thdd-rule: #3a5c5d;--thdd-frame1: #3d6162;--thdd-frame2: #325455;--thdd-bin: rgba(213, 210, 195, .07);--thdd-core: #d5d2c3;--thdd-cpu: #e1885d;--thdd-net: #6ab6c0;--thdd-sys: #b3d5d2;--thdd-disk: #f2caaa;--thdd-accent: var(--thdd-ink);--thdd-font: "Fira Code", "Source Code Pro", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--thdd-r-title: .0337;--thdd-r-meta: .0256;--thdd-r-inset-x: .0814;--thdd-r-inset-b: .0523;--thdd-r-plate-t-x: .0233;--thdd-r-plate-m-x: .0209;--thdd-r-plate-t-y: .0128;--thdd-r-plate-m-y: .0116;--thdd-r-plate-t-r: .0163;--thdd-r-plate-m-r: .014;--thdd-r-halo-blur: .0233;--thdd-r-halo-spread: .0058;--thdd-r-row-gap: .0116;--thdd-r-col-gap: .0233;--thdd-r-pad-x: .0814;--thdd-r-gap: .02035;--thdd-r-caption: .03198;--thdd-r-frame1: .08721;--thdd-r-frame1-bw: .00378;--thdd-r-frame2: .11337;--thdd-r-frame2-bw: .00203;--thdd-r-dot: .025;--thdd-r-wordmark: .0311;--thdd-r-center-gap: .06977;--thdd-r-mark-w: .52326;--thdd-r-bin-fs: .02762;--thdd-r-bin-lh: .03779;--thdd-r-bin-ls: .01163;--thdd-m-meta: max(9px, calc(var(--thdd-r-meta) * 100cqw));--thdd-m-title: max(9px, calc(var(--thdd-r-title) * 100cqw));--thdd-m-inset-x: calc(var(--thdd-r-inset-x) * 100cqw);--thdd-m-inset-b: calc(var(--thdd-r-inset-b) * 100cqw);--thdd-m-plate-t-x: calc(var(--thdd-r-plate-t-x) * 100cqw);--thdd-m-plate-m-x: calc(var(--thdd-r-plate-m-x) * 100cqw);--thdd-m-plate-t-y: calc(var(--thdd-r-plate-t-y) * 100cqw);--thdd-m-plate-m-y: calc(var(--thdd-r-plate-m-y) * 100cqw);--thdd-m-plate-t-r: calc(var(--thdd-r-plate-t-r) * 100cqw);--thdd-m-plate-m-r: calc(var(--thdd-r-plate-m-r) * 100cqw);--thdd-m-halo-blur: calc(var(--thdd-r-halo-blur) * 100cqw);--thdd-m-halo-spread: calc(var(--thdd-r-halo-spread) * 100cqw);--thdd-m-row-gap: calc(var(--thdd-r-row-gap) * 100cqw);--thdd-m-col-gap: calc(var(--thdd-r-col-gap) * 100cqw);--thdd-m-pad-x: calc(var(--thdd-r-pad-x) * 100cqw);--thdd-m-gap: calc(var(--thdd-r-gap) * 100cqw);--thdd-m-caption: calc(var(--thdd-r-caption) * 100cqw);--thdd-m-frame1: calc(var(--thdd-r-frame1) * 100cqw);--thdd-m-frame1-bw: calc(var(--thdd-r-frame1-bw) * 100cqw);--thdd-m-frame2: calc(var(--thdd-r-frame2) * 100cqw);--thdd-m-frame2-bw: calc(var(--thdd-r-frame2-bw) * 100cqw);--thdd-m-dot: calc(var(--thdd-r-dot) * 100cqw);--thdd-m-wordmark: calc(var(--thdd-r-wordmark) * 100cqw);--thdd-m-center-gap: calc(var(--thdd-r-center-gap) * 100cqw);--thdd-m-mark-w: calc(var(--thdd-r-mark-w) * 100cqw);--thdd-m-bin-fs: calc(var(--thdd-r-bin-fs) * 100cqw);--thdd-m-bin-lh: calc(var(--thdd-r-bin-lh) * 100cqw);--thdd-m-bin-ls: calc(var(--thdd-r-bin-ls) * 100cqw);position:relative;container-type:inline-size;aspect-ratio:2 / 3;width:100%;background:var(--thdd-bg);border-radius:3.72%/2.48%;overflow:hidden;box-shadow:0 2px 10px #00000040;font-family:var(--thdd-font);color:var(--thdd-ink)}.thdd-card--px{--thdd-w: 344px;container-type:normal;aspect-ratio:auto;width:var(--thdd-w);height:calc(var(--thdd-w) * 1.5);--thdd-m-meta: max(8px, calc(var(--thdd-r-meta) * var(--thdd-w)));--thdd-m-title: max(9px, calc(var(--thdd-r-title) * var(--thdd-w)));--thdd-m-inset-x: calc(var(--thdd-r-inset-x) * var(--thdd-w));--thdd-m-inset-b: calc(var(--thdd-r-inset-b) * var(--thdd-w));--thdd-m-plate-t-x: calc(var(--thdd-r-plate-t-x) * var(--thdd-w));--thdd-m-plate-m-x: calc(var(--thdd-r-plate-m-x) * var(--thdd-w));--thdd-m-plate-t-y: calc(var(--thdd-r-plate-t-y) * var(--thdd-w));--thdd-m-plate-m-y: calc(var(--thdd-r-plate-m-y) * var(--thdd-w));--thdd-m-plate-t-r: calc(var(--thdd-r-plate-t-r) * var(--thdd-w));--thdd-m-plate-m-r: calc(var(--thdd-r-plate-m-r) * var(--thdd-w));--thdd-m-halo-blur: calc(var(--thdd-r-halo-blur) * var(--thdd-w));--thdd-m-halo-spread: calc(var(--thdd-r-halo-spread) * var(--thdd-w));--thdd-m-row-gap: calc(var(--thdd-r-row-gap) * var(--thdd-w));--thdd-m-col-gap: calc(var(--thdd-r-col-gap) * var(--thdd-w));--thdd-m-pad-x: calc(var(--thdd-r-pad-x) * var(--thdd-w));--thdd-m-gap: calc(var(--thdd-r-gap) * var(--thdd-w));--thdd-m-caption: calc(var(--thdd-r-caption) * var(--thdd-w));--thdd-m-frame1: calc(var(--thdd-r-frame1) * var(--thdd-w));--thdd-m-frame1-bw: calc(var(--thdd-r-frame1-bw) * var(--thdd-w));--thdd-m-frame2: calc(var(--thdd-r-frame2) * var(--thdd-w));--thdd-m-frame2-bw: calc(var(--thdd-r-frame2-bw) * var(--thdd-w));--thdd-m-dot: calc(var(--thdd-r-dot) * var(--thdd-w));--thdd-m-wordmark: calc(var(--thdd-r-wordmark) * var(--thdd-w));--thdd-m-center-gap: calc(var(--thdd-r-center-gap) * var(--thdd-w));--thdd-m-mark-w: calc(var(--thdd-r-mark-w) * var(--thdd-w));--thdd-m-bin-fs: calc(var(--thdd-r-bin-fs) * var(--thdd-w));--thdd-m-bin-lh: calc(var(--thdd-r-bin-lh) * var(--thdd-w));--thdd-m-bin-ls: calc(var(--thdd-r-bin-ls) * var(--thdd-w))}.thdd-card[data-suit=core]{--thdd-accent: var(--thdd-core)}.thdd-card[data-suit=cpu]{--thdd-accent: var(--thdd-cpu)}.thdd-card[data-suit=net]{--thdd-accent: var(--thdd-net)}.thdd-card[data-suit=sys]{--thdd-accent: var(--thdd-sys)}.thdd-card[data-suit=disk]{--thdd-accent: var(--thdd-disk)}.thdd-card.thdd-reversed .thdd-art{transform:rotate(180deg)}.thdd-art{position:absolute;inset:0;background:var(--thdd-bg)}.thdd-art img{width:100%;height:100%;object-fit:cover;display:block;position:relative}.thdd-art img[hidden]{display:none}.thdd-art-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--thdd-muted);font-size:var(--thdd-m-caption);padding:0 var(--thdd-m-pad-x);text-align:center;overflow-wrap:anywhere}.thdd-art-fallback[hidden]{display:none}.thdd-grad{position:absolute;left:0;right:0;bottom:0;height:16%;background:linear-gradient(to bottom,#080e0f00,#080e0f66);pointer-events:none}.thdd-bar{position:absolute;left:var(--thdd-m-inset-x);right:var(--thdd-m-inset-x);bottom:var(--thdd-m-inset-b);display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:var(--thdd-m-row-gap) var(--thdd-m-col-gap)}.thdd-bar[hidden]{display:none}.thdd-title-cell{min-width:0;font-size:var(--thdd-m-title);line-height:2}.thdd-title{display:inline;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:var(--thdd-bar-bg);padding:var(--thdd-m-plate-t-y) var(--thdd-m-plate-t-x);border-radius:var(--thdd-m-plate-t-r);box-shadow:0 0 var(--thdd-m-halo-blur) var(--thdd-m-halo-spread) var(--thdd-halo);font-size:var(--thdd-m-title);font-weight:700;color:var(--thdd-bar-ink);overflow-wrap:anywhere}.thdd-title[hidden]{display:none}.thdd-meta{display:flex;gap:.5em;width:max-content;background:var(--thdd-bar-bg);padding:var(--thdd-m-plate-m-y) var(--thdd-m-plate-m-x);border-radius:var(--thdd-m-plate-m-r);box-shadow:0 0 var(--thdd-m-halo-blur) var(--thdd-m-halo-spread) var(--thdd-halo);font-size:var(--thdd-m-meta);font-weight:500;letter-spacing:.04em;line-height:1;color:var(--thdd-bar-dim)}.thdd-meta[hidden]{display:none}.thdd-num{color:var(--thdd-bar-ink);font-weight:600}.thdd-suit{font-weight:700;color:var(--thdd-accent)}.thdd-card--back{background:var(--thdd-bar)}.thdd-bin{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:var(--thdd-m-bin-fs);line-height:var(--thdd-m-bin-lh);letter-spacing:var(--thdd-m-bin-ls);color:var(--thdd-bin);white-space:pre;text-align:center}.thdd-bin[hidden]{display:none}.thdd-frame1{position:absolute;inset:var(--thdd-m-frame1);border:var(--thdd-m-frame1-bw) solid var(--thdd-frame1)}.thdd-frame2{position:absolute;inset:var(--thdd-m-frame2);border:var(--thdd-m-frame2-bw) solid var(--thdd-frame2)}.thdd-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--thdd-m-center-gap)}.thdd-center[hidden]{display:none}.thdd-dots{display:flex;gap:var(--thdd-m-gap)}.thdd-dots[hidden]{display:none}.thdd-dots span{width:var(--thdd-m-dot);height:var(--thdd-m-dot);display:block}.thdd-dots span[hidden]{display:none}.thdd-wordmark{font-size:var(--thdd-m-wordmark);letter-spacing:.4em;text-indent:.4em;color:var(--thdd-ink)}.thdd-flip180{transform:rotate(180deg)}.thdd-mark{width:var(--thdd-m-mark-w);height:auto;display:block}.thdd-mark[hidden]{display:none}.thdd-flip{position:relative;aspect-ratio:2 / 3;transform-style:preserve-3d;transition:transform .6s}.thdd-flip[hidden]{display:none}.thdd-flip .thdd-face{position:absolute;inset:0;backface-visibility:hidden}.thdd-face--front,.thdd-flip.is-flipped{transform:rotateY(180deg)}.thdd-flip .thdd-card{width:100%;height:100%;aspect-ratio:auto}@supports not (width: 1cqw){.thdd-card{--thdd-w: 344px;--thdd-m-meta: max(8px, calc(var(--thdd-r-meta) * var(--thdd-w)));--thdd-m-title: max(9px, calc(var(--thdd-r-title) * var(--thdd-w)));--thdd-m-inset-x: calc(var(--thdd-r-inset-x) * var(--thdd-w));--thdd-m-inset-b: calc(var(--thdd-r-inset-b) * var(--thdd-w));--thdd-m-plate-t-x: calc(var(--thdd-r-plate-t-x) * var(--thdd-w));--thdd-m-plate-m-x: calc(var(--thdd-r-plate-m-x) * var(--thdd-w));--thdd-m-plate-t-y: calc(var(--thdd-r-plate-t-y) * var(--thdd-w));--thdd-m-plate-m-y: calc(var(--thdd-r-plate-m-y) * var(--thdd-w));--thdd-m-plate-t-r: calc(var(--thdd-r-plate-t-r) * var(--thdd-w));--thdd-m-plate-m-r: calc(var(--thdd-r-plate-m-r) * var(--thdd-w));--thdd-m-halo-blur: calc(var(--thdd-r-halo-blur) * var(--thdd-w));--thdd-m-halo-spread: calc(var(--thdd-r-halo-spread) * var(--thdd-w));--thdd-m-row-gap: calc(var(--thdd-r-row-gap) * var(--thdd-w));--thdd-m-col-gap: calc(var(--thdd-r-col-gap) * var(--thdd-w));--thdd-m-pad-x: calc(var(--thdd-r-pad-x) * var(--thdd-w));--thdd-m-gap: calc(var(--thdd-r-gap) * var(--thdd-w));--thdd-m-caption: calc(var(--thdd-r-caption) * var(--thdd-w));--thdd-m-frame1: calc(var(--thdd-r-frame1) * var(--thdd-w));--thdd-m-frame1-bw: calc(var(--thdd-r-frame1-bw) * var(--thdd-w));--thdd-m-frame2: calc(var(--thdd-r-frame2) * var(--thdd-w));--thdd-m-frame2-bw: calc(var(--thdd-r-frame2-bw) * var(--thdd-w));--thdd-m-dot: calc(var(--thdd-r-dot) * var(--thdd-w));--thdd-m-wordmark: calc(var(--thdd-r-wordmark) * var(--thdd-w));--thdd-m-center-gap: calc(var(--thdd-r-center-gap) * var(--thdd-w));--thdd-m-mark-w: calc(var(--thdd-r-mark-w) * var(--thdd-w));--thdd-m-bin-fs: calc(var(--thdd-r-bin-fs) * var(--thdd-w));--thdd-m-bin-lh: calc(var(--thdd-r-bin-lh) * var(--thdd-w));--thdd-m-bin-ls: calc(var(--thdd-r-bin-ls) * var(--thdd-w))}}@media(prefers-reduced-motion:reduce){.thdd-flip{transition:none}}