.systems-catalog .machine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;display:grid}.systems-catalog .machine-card{outline-offset:6px;border-radius:3px;display:block}.systems-catalog .machine-card:focus-visible{outline:2px solid var(--foreground)}.systems-catalog .machine-card-heading{justify-content:space-between;align-items:baseline;gap:8px;margin-top:13px;display:flex}.systems-catalog .machine-card h3{font-size:12px;font-weight:550}.systems-catalog .machine-card-launch{color:var(--faint);font-family:var(--font-mono);font-size:9px}.systems-catalog .machine-card:hover .machine-card-launch{color:var(--foreground)}.systems-catalog .machine-card p{max-width:32ch;color:var(--muted-foreground);margin-top:5px;font-size:11px;line-height:1.6}.systems-catalog .machine-card-meta{color:var(--faint);font-family:var(--font-mono);flex-wrap:wrap;gap:6px 10px;margin-top:9px;font-size:8px;display:flex}.systems-catalog .machine-card-meta span+span:before{content:"·";padding-right:10px}.systems-catalog .machine-section-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.systems-catalog .machine-section-heading>span{font:9px var(--font-mono);color:var(--faint)}.machine-preview{aspect-ratio:1.65;isolation:isolate;background:var(--machine-accent);color:#1c1c1c;border:1px solid #0002;border-radius:3px;font:7px Arial,sans-serif;position:relative;overflow:hidden}.machine-preview-menu{background:#eee;align-items:center;gap:12px;height:13px;padding:0 6px;display:none}.machine-preview-icons{gap:16px;display:grid;position:absolute;top:12px;left:10px}.machine-preview-icons i{background:linear-gradient(#f6d668 0 35%,#e9bf50 35%);border:1px solid #fff8;width:13px;height:12px;display:block;box-shadow:0 5px 0 -3px #fff}.machine-preview-window{background:#eee;border:2px outset #ddd;position:absolute;overflow:hidden;box-shadow:2px 3px 6px #0002}.machine-preview-back{width:56%;height:55%;top:17%;right:9%}.machine-preview-front{width:61%;height:47%;top:38%;left:16%}.machine-preview-title{color:#fff;background:linear-gradient(90deg,navy,#3a77b5);justify-content:space-between;align-items:center;height:13px;padding:0 4px;font-weight:700;display:flex}.machine-preview-title b{color:#111;background:#ccc;place-items:center;width:9px;height:9px;line-height:1;display:grid}.machine-preview-content{background:#f7f6f1;justify-content:center;align-items:center;gap:8px;height:calc(100% - 13px);padding:8px;display:flex}.machine-preview-content strong{font-size:8px;display:block}.machine-preview-content div>span{color:#666;margin-top:3px;font-size:6px;display:block}.machine-preview-content hr{border:0;border-top:2px solid #ddd;width:56px;margin:5px 0 0}.machine-preview-content hr:last-child{width:34px;margin-top:3px}.machine-preview-mark{color:#333;background:#fff;border:1px solid #aaa;flex-shrink:0;place-items:center;width:27px;height:29px;font:11px Georgia,serif;display:grid}.machine-preview-folders{gap:12px;padding:15px 10px;display:flex}.machine-preview-folders i{background:#e4bc54;border-top:4px solid #f6d876;width:16px;height:12px}.machine-preview-bar{background:silver;border-top:1px solid #fff;align-items:center;gap:5px;width:100%;height:17px;padding:2px 4px;display:flex;position:absolute;bottom:0}.machine-preview-bar b{border:1px outset #fff;width:24px;height:11px}.machine-preview-bar b:after{content:"Start";text-align:center;font-size:6px;display:block}.machine-preview-bar i{background:#458ac0;border:1px solid #fff7;width:10px;height:10px}.machine-preview-bar i:nth-of-type(2){background:#ebcd65}.machine-preview-bar i:nth-of-type(3){background:#639270}.machine-preview-bar>span{margin-left:auto;font-size:6px}.machine-preview-tiles{display:none}.machine-preview[data-machine=windows-31] .machine-preview-front{width:61%;top:43%;left:10%}.machine-preview[data-machine=windows-31] .machine-preview-back{width:76%;height:70%;top:12%;right:8%}.machine-preview[data-machine=windows-31] .machine-preview-bar{display:none}.machine-preview[data-machine=windows-31] .machine-preview-title{background:navy}.machine-preview[data-machine=windows-2000]{background:#3a6ea5}.machine-preview:is([data-machine=windows-vista],[data-machine=windows-7]) .machine-preview-window{background:#d4eff67a;border:3px solid #d4eff66b;border-radius:5px}.machine-preview:is([data-machine=windows-vista],[data-machine=windows-7]) .machine-preview-title{color:#173840;text-shadow:0 0 2px #fff;background:0 0}.machine-preview:is([data-machine=windows-vista],[data-machine=windows-7]) .machine-preview-title b{color:#fff;background:#b65c4d;width:16px}.machine-preview:is([data-machine=windows-vista],[data-machine=windows-7]) .machine-preview-bar{color:#fff;background:#101c36b3;border-color:#d4eff670}.machine-preview:is([data-machine=windows-vista],[data-machine=windows-7]) .machine-preview-bar b{background:radial-gradient(circle at 50% 20%,#49d9ff,#103579 65%);border:1px solid #a9d4ec;border-radius:50%;width:17px;height:17px}.machine-preview:is([data-machine=windows-vista],[data-machine=windows-7]) .machine-preview-bar b:after{content:"⊞";color:#fff;font-size:11px}.machine-preview[data-machine=windows-11] .machine-preview-window{border:1px solid #dce2ed;border-radius:6px}.machine-preview[data-machine=windows-11] .machine-preview-title{color:#222;background:#e9edf6;height:17px;font-weight:400}.machine-preview[data-machine=windows-11] .machine-preview-title b{background:0 0}.machine-preview[data-machine=windows-11] .machine-preview-bar{background:#e1e9f7e8;justify-content:center;height:20px}.machine-preview[data-machine=windows-11] .machine-preview-bar b{background:linear-gradient(#0000 43%,#e1e9f7 43% 57%,#0000 57%),linear-gradient(90deg,#217cd6 43%,#e1e9f7 43% 57%,#217cd6 57%);border:0;width:11px;height:11px}.machine-preview[data-machine=windows-11] .machine-preview-bar b:after{display:none}.machine-preview[data-machine=windows-11] .machine-preview-bar span{position:absolute;right:5px}.machine-preview[data-machine=mac-os-x] .machine-preview-menu{background:repeating-linear-gradient(#fff,#fff 1px,#dce3e7 1px 2px);display:flex}.machine-preview[data-machine=mac-os-x] .machine-preview-window{border:1px solid #999;border-radius:5px 5px 2px 2px}.machine-preview[data-machine=mac-os-x] .machine-preview-title{color:#333;background:repeating-linear-gradient(#fff,#fff 1px,#e6e6e6 1px 2px);flex-direction:row-reverse;justify-content:flex-end;gap:14px}.machine-preview[data-machine=mac-os-x] .machine-preview-title b{color:#0000;background:#df6855;border-radius:50%;width:6px;height:6px;margin-right:5px;box-shadow:8px 0 #edc35c,16px 0 #68b361}.machine-preview[data-machine=mac-os-x] .machine-preview-bar{background:#e0ebf899;border:1px solid #fff9;border-radius:5px;justify-content:center;gap:9px;width:54%;height:23px;bottom:3px;left:23%}.machine-preview[data-machine=mac-os-x] .machine-preview-bar b{background:linear-gradient(90deg,#4b9bd4 50%,#cfebff 50%);border:0;width:15px;height:16px}.machine-preview[data-machine=mac-os-x] .machine-preview-bar b:after,.machine-preview[data-machine=mac-os-x] .machine-preview-bar span{display:none}.machine-preview[data-machine=ubuntu] .machine-preview-menu{color:#fff;background:#262329;display:flex}.machine-preview[data-machine=ubuntu] .machine-preview-window{border:1px solid #383536;border-radius:4px 4px 0 0}.machine-preview[data-machine=ubuntu] .machine-preview-title{background:#3d393c;height:17px}.machine-preview[data-machine=ubuntu] .machine-preview-title b{color:#fff;background:#e95420;border-radius:50%}.machine-preview[data-machine=ubuntu] .machine-preview-bar{background:#17121bb3;border:0;flex-direction:column;gap:9px;width:24px;height:calc(100% - 13px);padding-top:10px;top:13px}.machine-preview[data-machine=ubuntu] .machine-preview-bar b{background:#e95420;border:1px solid #fcac77;border-radius:50%;width:13px;height:13px}.machine-preview[data-machine=ubuntu] .machine-preview-bar b:after,.machine-preview[data-machine=ubuntu] .machine-preview-bar span,.machine-preview[data-machine=ubuntu] .machine-preview-icons{display:none}.machine-preview[data-machine=beos]{background:#457d99}.machine-preview[data-machine=beos] .machine-preview-window{border:2px solid #aaa;overflow:visible}.machine-preview[data-machine=beos] .machine-preview-title{color:#17130b;background:#f4ca41;border:1px solid #7c6a2b;border-radius:4px 4px 0 0;width:61%;height:14px;position:absolute;top:-14px;left:-2px}.machine-preview[data-machine=beos] .machine-preview-content{height:100%}.machine-preview[data-machine=beos] .machine-preview-bar{border:2px outset #ddd;width:50px;height:16px;top:0;bottom:auto;right:0}.machine-preview[data-machine=beos] .machine-preview-bar b{border:0;width:18px}.machine-preview[data-machine=beos] .machine-preview-bar b:after{content:"Be";color:#245b99;font-size:10px;font-weight:700}.machine-preview[data-machine=beos] .machine-preview-bar i{display:none}.machine-preview[data-machine=amiga-workbench] .machine-preview-menu{color:#12499a;background:#fff;height:12px;display:flex}.machine-preview[data-machine=amiga-workbench] .machine-preview-window{background:#1955ac;border:2px solid #eee}.machine-preview[data-machine=amiga-workbench] .machine-preview-title{color:#164ba1;background:#fff;height:12px}.machine-preview[data-machine=amiga-workbench] .machine-preview-title b{background:#f28c22}.machine-preview[data-machine=amiga-workbench] .machine-preview-content{color:#fff;background:#1651ab}.machine-preview[data-machine=amiga-workbench] .machine-preview-content div>span{color:#fff}.machine-preview[data-machine=amiga-workbench] .machine-preview-mark,.machine-preview[data-machine=amiga-workbench] .machine-preview-folders i{background:#fa931e;border-color:#fff}.machine-preview[data-machine=amiga-workbench] .machine-preview-bar{display:none}.machine-preview[data-machine=nextstep]{background:#55555c}.machine-preview[data-machine=nextstep] .machine-preview-window{border:2px outset #aaa}.machine-preview[data-machine=nextstep] .machine-preview-title{background:#25252a}.machine-preview[data-machine=nextstep] .machine-preview-back{top:13%;right:21%}.machine-preview[data-machine=nextstep] .machine-preview-front{left:10%}.machine-preview[data-machine=nextstep] .machine-preview-bar{background:0 0;border:0;flex-direction:column;gap:1px;width:28px;height:auto;padding:0;top:8px;bottom:auto;right:8px}.machine-preview[data-machine=nextstep] .machine-preview-bar b,.machine-preview[data-machine=nextstep] .machine-preview-bar i{background:linear-gradient(135deg,#ceced0,#6e6e78);border:2px outset #bbb;width:27px;height:27px;display:block}.machine-preview[data-machine=nextstep] .machine-preview-bar b:after{content:"NeXT";color:#fff;background:#29292f;height:100%;padding-top:6px;font-size:7px}.machine-preview[data-machine=nextstep] .machine-preview-bar span{display:none}.machine-preview[data-machine=windows-xp]{background:radial-gradient(at 35% 110%,#6a9d30 0 40%,#0000 41%),linear-gradient(#5aa8e6,#aad3e2)}.machine-preview[data-machine=windows-xp] .machine-preview-title{background:linear-gradient(#4995ff,#1053d9 20%,#1257e4 90%,#0036b0)}.machine-preview[data-machine=windows-xp] .machine-preview-window{border:2px solid #1960e7;border-radius:4px 4px 0 0}.machine-preview[data-machine=windows-xp] .machine-preview-title b{color:#fff;background:#d9553b}.machine-preview[data-machine=windows-xp] .machine-preview-bar{color:#fff;background:linear-gradient(#4995ff,#1257e4 20%,#1457cd);border:0}.machine-preview[data-machine=windows-xp] .machine-preview-bar b{background:linear-gradient(#89c177,#39953c);border:0;border-radius:0 6px 6px 0;width:31px;height:17px;margin-left:-4px}.machine-preview[data-machine=windows-xp] .machine-preview-bar b:after{padding-top:3px;font-size:8px;font-style:italic}.machine-preview[data-machine=system-7]{background:repeating-conic-gradient(#b7b7b7 0 25%, #ddd 0 50%) 0 0 / 3px 3px}.machine-preview[data-machine=system-7] .machine-preview-menu{background:#fff;border-bottom:1px solid #111;display:flex}.machine-preview[data-machine=system-7] .machine-preview-window{border:1px solid #111;box-shadow:1px 1px #111}.machine-preview[data-machine=system-7] .machine-preview-title{color:#111;background:repeating-linear-gradient(#fff 0 1px,#111 1px 2px,#fff 2px 3px);border:3px solid #fff;height:14px}.machine-preview[data-machine=system-7] .machine-preview-title>span{background:#fff;margin:auto;padding:0 4px}.machine-preview[data-machine=system-7] .machine-preview-title b{background:#fff;border:1px solid #111;font-size:0}.machine-preview[data-machine=system-7] .machine-preview-icons i,.machine-preview[data-machine=system-7] .machine-preview-folders i{background:#fff;border:1px solid #222}.machine-preview[data-machine=system-7] .machine-preview-bar{display:none}.machine-preview[data-machine=windows-8]{background:linear-gradient(120deg,#371262,#663495)}.machine-preview[data-machine=windows-8] .machine-preview-window,.machine-preview[data-machine=windows-8] .machine-preview-icons,.machine-preview[data-machine=windows-8] .machine-preview-bar{display:none}.machine-preview[data-machine=windows-8]:before{content:"Start";color:#fff;padding:18px 20px 0;font:300 16px Arial,sans-serif;display:block}.machine-preview[data-machine=windows-8] .machine-preview-tiles{grid-template-columns:1.5fr 1fr 1.5fr;gap:4px;margin:12px 20px;display:grid}.machine-preview[data-machine=windows-8] .machine-preview-tiles i{background:#20848e;height:35px}.machine-preview[data-machine=windows-8] .machine-preview-tiles i:nth-child(2n){background:#ce543a}.machine-preview[data-machine=windows-8] .machine-preview-tiles i:nth-child(3n){background:#2f74bb}.machine-preview[data-machine=windows-8] .machine-preview-tiles i:nth-child(5){background:#78a62b}@media (max-width:440px){.systems-catalog .machine-grid{grid-template-columns:1fr;gap:27px}.machine-preview{aspect-ratio:1.85}.systems-catalog .machine-card p{max-width:none}}.machine-preview[data-machine=windows-vista]{background:#104b45 url(/themes/collection/windows-vista.jpg) 50%/cover}.machine-preview[data-machine=windows-7]{background:#0864a1 url(/themes/collection/windows-7.jpg) 50%/cover}.machine-preview[data-machine=windows-11]{background:#9abbd1 url(/themes/collection/windows-11.jpg) 50%/cover}.machine-preview[data-machine=mac-os-x]{background:#4775ac url(/themes/collection/unix/mac-aqua.svg) 50%/cover}.machine-preview[data-machine=ubuntu]{background:#5e2750 url(/themes/collection/unix/ubuntu-noble.webp) 50%/cover}.machine-preview[data-machine=windows-31]{background:silver}.machine-preview[data-machine=amiga-workbench]{background:#aaa}