/* MaxPower PC Ports: same palette/type system, no external assets or autoplay. */
.ports-page{--ports-line:var(--line);--ports-motion-css:ready}
.ports-page .ports-shell{padding-top:52px;padding-bottom:70px}
.ports-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}
.ports-intro h1{font-size:clamp(48px,7vw,88px);letter-spacing:-.065em;line-height:1;margin:12px 0 0}
.ports-intro h1 span,.ports-platform h2 span{color:var(--green)}
.ports-intro>p{font-size:15px;line-height:1.75;color:var(--muted);max-width:380px;margin:0 0 4px}
.ports-platform-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;background:var(--bg);position:sticky;top:84px;z-index:20;border:1px solid var(--line);box-shadow:0 12px 24px #080f0b88}
.ports-platform-picker .platform-link{min-width:0;display:flex;flex-direction:column;justify-content:center;min-height:92px;padding:16px 18px;text-decoration:none;border-right:1px solid var(--line);color:var(--muted);transition:background-color .18s,color .18s}
.ports-platform-picker .platform-link:last-child{border-right:0}
.platform-index{font:9px var(--mono);letter-spacing:.05em;display:block;margin-bottom:12px;color:var(--muted)}
.platform-link>span:last-child{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:17px;font-weight:700;line-height:1.3}
.platform-arrow{font:16px var(--mono);color:var(--green);opacity:.45}
.ports-platform-picker .platform-link:hover,.ports-platform-picker .platform-link:focus-visible{color:var(--ink);background:var(--panel)}
.ports-platform-picker .platform-link[aria-current="true"]{color:var(--ink);background:#15251a;box-shadow:inset 0 -3px var(--green)}
.platform-link[aria-current="true"] .platform-index,.platform-link[aria-current="true"] .platform-arrow{color:var(--accent);opacity:1}
.ports-directory-bar{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);font:10px var(--mono);color:var(--muted)}
.ports-directory-bar p{margin:0;font:11px var(--mono);color:var(--green)}
.ports-platform{scroll-margin-top:210px;margin-top:32px;margin-bottom:50px}
.ports-platform[hidden]{display:none}
.ports-platform-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px}
.ports-platform-heading .kicker{margin:0 0 12px}
.ports-platform-heading h2{font-size:clamp(32px,4.5vw,52px);letter-spacing:-.045em;line-height:1.05;margin:0}
.ports-count{font:11px var(--mono);padding:8px 12px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.ports-empty{border:1px solid var(--line);background:var(--panel);min-height:185px;display:flex;align-items:center;justify-content:center;gap:25px;padding:36px}
.ports-empty-mark{font:22px var(--mono);color:var(--green)}
.ports-empty h3{font-size:19px;letter-spacing:-.025em;margin:0 0 9px}
.ports-empty p{font-size:14px;line-height:1.7;color:var(--muted);margin:0;max-width:430px}
.ports-note{display:grid;grid-template-columns:190px 1fr;gap:24px;border-top:1px solid var(--line);padding-top:24px}
.ports-note p{font-size:12px;line-height:1.8;color:var(--muted);margin:0;max-width:650px}
.ports-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.port-project{position:relative;min-width:0;padding:22px;border:1px solid var(--line);background:var(--panel);transition:border-color .2s}
.port-project[hidden]{display:none}.port-project:hover,.port-project:focus-within{border-color:#637e53}
.port-project h3{font-size:20px;line-height:1.28;letter-spacing:-.03em;margin:16px 0 12px;overflow-wrap:anywhere}
.port-project h3 a{color:var(--ink);text-decoration:none}.port-project h3 a span{color:var(--green)}
.port-project .port-project-name{font:11px var(--mono);line-height:1.6;color:var(--muted);margin:0 0 15px;overflow-wrap:anywhere}
.port-project .port-description{color:var(--muted);font-size:13px;line-height:1.75;margin:0 0 15px}
.port-meta{display:flex;flex-wrap:wrap;gap:7px;font:9px var(--mono);color:var(--green)}.port-meta span{border:1px solid var(--line);padding:5px 7px;line-height:1.5}
.port-project .port-owner{font:9px var(--mono);line-height:1.7;color:var(--muted);overflow-wrap:anywhere;margin-bottom:15px}
.port-preview{box-sizing:border-box;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 6px}
.port-preview summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;cursor:pointer;font:11px var(--mono);color:var(--green);list-style:none}
.port-preview summary::-webkit-details-marker{display:none}.port-preview[open] summary>span{transform:rotate(45deg)}
.port-preview figure{margin:0 0 12px}.port-preview img{display:block;width:100%;height:200px;object-fit:contain;background:#050a07;border:1px solid var(--line)}
.port-preview figcaption{font-size:10px;line-height:1.6;color:var(--muted);padding-top:9px}.port-preview figcaption a{color:var(--green);text-decoration:underline}
.port-project .port-source{display:flex;align-items:center;min-height:44px;font-size:11px;line-height:1.6;color:var(--green);text-decoration:none}
.port-image-frame{position:relative;min-width:0}
.port-image-loader{position:absolute;inset:0;display:grid;place-items:center;background:#050a07;border:1px solid var(--line);padding:12px;pointer-events:none}
.port-image-loader[hidden]{display:none}.port-image-loader .site-network-loader__panel{position:static;width:min(266px,100%);max-width:100%;padding:12px;background:var(--panel);box-shadow:none;animation:none}
.port-image-loader svg{display:block;width:100%;height:48px;margin-top:7px;overflow:visible}.port-image-loader[data-error] svg{display:none}
html.motion-paused .port-image-loader :is(.site-load-packets path,.site-load-lights circle){animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.port-image-loader *{animation:none!important}}
.port-spark{position:absolute;left:-18px;right:-18px;top:0;bottom:0;display:flex;justify-content:space-between;pointer-events:none;opacity:0}
.port-spark svg{display:block;position:absolute;top:0;width:24px;height:56px;fill:var(--accent);stroke:var(--accent);stroke-width:.5;filter:drop-shadow(0 0 3px #c9f7a155)}.port-spark svg:first-child{left:0}.port-spark svg:last-child{right:0}.port-spark path{stroke-linejoin:miter;stroke-miterlimit:10}
.port-project[data-preview-state="opening"],.port-project[data-preview-state="open"]{border-left-color:var(--green)}
.ports-search{display:flex;align-items:end;justify-content:space-between;gap:26px;padding:22px 0 0;scroll-margin-top:200px}.ports-search[hidden]{display:none}
.ports-search label{display:block;font:10px var(--mono);color:var(--green);width:100%;max-width:400px}
.ports-search input{display:block;width:100%;margin-top:10px;border:1px solid var(--line);border-radius:0;min-height:48px;padding:12px;background:var(--panel);color:var(--ink);font:16px Archivo,sans-serif}
.ports-search p{font-size:11px;line-height:1.8;color:var(--muted);max-width:350px;margin:0}
.ports-pagination{display:flex;align-items:center;justify-content:center;gap:24px;margin:12px 0 36px;font:11px var(--mono)}.ports-pagination[hidden]{display:none}
.ports-pagination button{min-height:44px;border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:10px 15px;font:11px var(--mono);cursor:pointer}.ports-pagination button:disabled{opacity:.4;cursor:default}.ports-no-results{padding:30px;border:1px solid var(--line);font-size:14px;color:var(--muted)}
.ports-note p+p{margin-top:12px}.ports-note a{color:var(--green)}
.ports-sort-tools{padding-top:20px}.ports-sort-tools[hidden]{display:none}
.ports-sort{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.ports-sort>span{font:9px var(--mono);color:var(--muted);margin-right:6px}
.ports-sort button{min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:0;background:var(--panel);color:var(--muted);font:11px var(--mono);line-height:1.5;cursor:pointer}
.ports-sort button[aria-pressed="true"]{color:var(--ink);border-color:var(--green);background:#15251a;box-shadow:inset 0 -2px var(--green)}
.ports-sort button:focus-visible{outline:2px solid var(--green);outline-offset:3px}.ports-sort-tools .ports-sort-note{margin:12px 0 0;color:var(--muted);font-size:10px;line-height:1.8;max-width:850px}
.port-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:13px 0;margin:0;border-top:1px solid var(--line)}
.port-dates dt{font:9px var(--mono);line-height:1.7;color:var(--muted)}.port-dates dd{font:11px var(--mono);line-height:1.7;margin:4px 0 0;color:var(--ink);overflow-wrap:anywhere}
.port-dates a{color:var(--green);display:inline-flex;align-items:center;min-height:44px;min-width:44px;text-decoration:none}.port-prerelease{display:block;font-size:9px;color:var(--muted)}
@media(max-width:600px){.ports-sort{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ports-sort>span{grid-column:1/-1}.ports-sort button{padding:9px 6px;font-size:10px;min-height:56px}}
@media(max-width:1100px){.ports-projects{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ports-projects{grid-template-columns:1fr}.ports-search{display:block;scroll-margin-top:260px}.ports-search p{margin-top:13px}.ports-pagination{gap:12px;font-size:10px}.ports-pagination button{padding:10px;font-size:10px}.port-preview img{height:210px}}
@media(prefers-reduced-motion:reduce){.port-project{transition:none}}
@media(max-width:1200px){.ports-platform-picker{top:80px}}
@media(max-width:780px){
 .ports-page .ports-shell{padding-top:32px;padding-bottom:48px}
 .ports-intro{display:block;margin-bottom:26px}.ports-intro h1{font-size:56px}.ports-intro>p{margin-top:22px;font-size:14px;max-width:340px}
 .ports-platform-picker{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ports-platform-picker .platform-link{min-height:76px;padding:12px}
 .ports-platform-picker .platform-link:nth-child(3){border-right:0}.ports-platform-picker .platform-link:nth-child(-n+3){border-bottom:1px solid var(--line)}
 .platform-index{font-size:8px;letter-spacing:0;margin-bottom:9px}.platform-link>span:last-child{font-size:14px;gap:3px}.platform-arrow{font-size:13px}
 .ports-directory-bar{font-size:9px;gap:12px;padding:18px 0}.ports-directory-bar p{font-size:10px}
 .ports-platform{scroll-margin-top:260px;margin-top:28px;margin-bottom:32px}
 .ports-platform-heading{gap:14px;margin-bottom:22px}.ports-count{font-size:10px;padding:7px 9px}
 .ports-empty{min-height:190px;justify-content:start;align-items:start;gap:15px;padding:25px 20px}.ports-empty-mark{font-size:18px;margin-top:2px;white-space:nowrap}.ports-empty h3{font-size:18px;line-height:1.4}.ports-empty p{font-size:13px}
 .ports-note{grid-template-columns:1fr;gap:10px}.ports-note .kicker{margin:0}
}
@media(prefers-reduced-motion:reduce){.ports-platform-picker .platform-link{transition:none}}