.thdd-card{--thdd-bg: #1e3d3e;--thdd-bar: #254a4b;--thdd-bar-bg: #0d1112;--thdd-seam: #6ab6c0;--thdd-bar-ink: #f2f1ef;--thdd-bar-dim: rgba(214, 222, 220, .45);--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-bar: .115;--thdd-r-title: .0407;--thdd-r-meta: .0267;--thdd-r-pad-top: .0256;--thdd-r-pad-x: .0814;--thdd-r-bar-gap: .0163;--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: calc(var(--thdd-r-title) * 100cqw);--thdd-m-pad-top: calc(var(--thdd-r-pad-top) * 100cqw);--thdd-m-bar-gap: calc(var(--thdd-r-bar-gap) * 100cqw);--thdd-m-bar: max(calc(var(--thdd-r-bar) * 100cqw), calc(var(--thdd-m-pad-top) + var(--thdd-m-meta) + var(--thdd-m-bar-gap) + var(--thdd-m-title) + 2px));--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);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(9px, calc(var(--thdd-r-meta) * var(--thdd-w)));--thdd-m-title: calc(var(--thdd-r-title) * var(--thdd-w));--thdd-m-pad-top: calc(var(--thdd-r-pad-top) * var(--thdd-w));--thdd-m-bar-gap: calc(var(--thdd-r-bar-gap) * var(--thdd-w));--thdd-m-bar: max(calc(var(--thdd-r-bar) * var(--thdd-w)), calc(var(--thdd-m-pad-top) + var(--thdd-m-meta) + var(--thdd-m-bar-gap) + var(--thdd-m-title) + 2px));--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{transform:rotate(180deg)}.thdd-art{position:absolute;inset:0;bottom:var(--thdd-m-bar);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-bar{position:absolute;left:0;right:0;bottom:0;height:var(--thdd-m-bar);background:var(--thdd-bar-bg);padding:var(--thdd-m-pad-top) var(--thdd-m-pad-x) 0;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--thdd-m-bar-gap);line-height:1}.thdd-bar[hidden]{display:none}.thdd-divider{position:absolute;top:0;left:0;right:0;height:1px;background:var(--thdd-seam)}.thdd-meta{display:flex;justify-content:space-between;font-size:var(--thdd-m-meta);font-weight:500;letter-spacing:.04em;color:var(--thdd-bar-dim)}.thdd-meta[hidden]{display:none}.thdd-suit{font-weight:700;color:var(--thdd-accent)}.thdd-title{font-size:var(--thdd-m-title);font-weight:600;color:var(--thdd-bar-ink);white-space:nowrap}.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(9px, calc(var(--thdd-r-meta) * var(--thdd-w)));--thdd-m-title: calc(var(--thdd-r-title) * var(--thdd-w));--thdd-m-pad-top: calc(var(--thdd-r-pad-top) * var(--thdd-w));--thdd-m-bar-gap: calc(var(--thdd-r-bar-gap) * var(--thdd-w));--thdd-m-bar: max(calc(var(--thdd-r-bar) * var(--thdd-w)), calc(var(--thdd-m-pad-top) + var(--thdd-m-meta) + var(--thdd-m-bar-gap) + var(--thdd-m-title) + 2px));--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}}