:root{--pa-bg:#120a1d;--pa-panel:#1c1129;--pa-ink:#f6f1ff;--pa-mut:#b9accd;--pa-line:#33244a;--pa-acc:#c8ff3d;--pa-acc2:#ff8ad8;--pa-on:#120a1d;--pa-font:system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--pa-disp:Bahnschrift, 'DIN Condensed', 'DIN Alternate', 'Arial Narrow', 'Roboto Condensed', 'Helvetica Neue', Arial, sans-serif;--pa-mono:ui-monospace, 'SF Mono', 'Cascadia Code', 'Roboto Mono', Menlo, Consolas, monospace;--pa-s2:8px;--pa-s3:12px;--pa-s4:16px;--pa-s5:20px;--pa-s6:24px;--pa-s8:32px;--pa-s10:48px;--pa-s12:72px;--pa-s16:112px;--pa-gut:clamp(16px,4vw,48px);--t:#c8ff3d}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:96px}
body{margin:0;background:var(--pa-bg);color:var(--pa-ink);font:17px/1.6 var(--pa-font);overflow-x:hidden}
img{display:block;max-width:100%;height:auto}a{color:inherit}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}
:focus-visible{outline:2px solid var(--pa-acc);outline-offset:3px;border-radius:4px}
.pa-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pa-skip{position:absolute;left:-999px;top:8px;background:var(--pa-acc);color:var(--pa-on);padding:8px 12px;z-index:60;border-radius:8px}.pa-skip:focus{left:8px}
.pa-wrap{max-width:1280px;margin:0 auto;padding:0 var(--pa-gut)}
/* dock header */
.pa-dock{position:sticky;top:12px;z-index:40;display:flex;align-items:center;gap:var(--pa-s5);max-width:1280px;margin:12px auto 0;padding:10px 12px 10px 14px;width:calc(100% - 2 * var(--pa-gut));background:color-mix(in srgb,var(--pa-panel) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--pa-line);border-radius:999px}
.pa-brand{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto;min-width:0}
.pa-brand>span{display:flex;flex-direction:column;line-height:1.1}
.pa-brand b{font:700 1.18rem/1 var(--pa-disp);letter-spacing:.04em;text-transform:uppercase;font-stretch:condensed}
.pa-brand small{font:500 .66rem/1.5 var(--pa-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pa-mut)}
.pa-brand i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--pa-acc);color:var(--pa-on);font:700 1.1rem var(--pa-disp);font-style:normal}
.pa-dock nav{display:flex;align-items:center;gap:4px;font:600 .88rem var(--pa-font)}
.pa-dock nav a{text-decoration:none;color:var(--pa-mut);padding:8px 12px;border-radius:999px;transition:color .18s ease-out,background-color .18s ease-out}
.pa-dock nav a:hover{color:var(--pa-ink);background:color-mix(in srgb,var(--pa-ink) 8%,transparent)}
.pa-dock nav .pa-navcta{background:var(--pa-acc);color:var(--pa-on);margin-left:6px}
.pa-dock nav .pa-navcta:hover{background:var(--pa-acc);color:var(--pa-on)}
/* shared type */
.pa-kicker{display:inline-flex;align-items:center;gap:10px;font:600 .74rem/1.4 var(--pa-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--pa-acc);margin:0 0 var(--pa-s4)}
.pa-kicker::before{content:"";width:18px;height:2px;background:currentColor}
.pa-sechead{max-width:780px;margin:0 0 var(--pa-s10)}
.pa-sechead h2,.pa-settings h2{font:700 clamp(2.2rem,4.6vw,4.2rem)/.95 var(--pa-disp);font-stretch:condensed;text-transform:uppercase;letter-spacing:-.005em;margin:0 0 var(--pa-s5)}
.pa-sechead h2 span,.pa-settings h2 span,.pa-coda-line span{display:block;color:var(--pa-acc2)}
.pa-sechead>p:not(.pa-kicker){color:var(--pa-mut);max-width:62ch;margin:0}
.pa-btn{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 24px;border-radius:14px;border:1px solid var(--pa-line);font:700 .95rem var(--pa-font);text-decoration:none;color:var(--pa-ink);background:transparent;transition:transform .2s ease-out,border-color .2s ease-out,background-color .2s ease-out}
.pa-btn-solid{background:var(--pa-acc);border-color:var(--pa-acc);color:var(--pa-on)}
@media (hover:hover) and (pointer:fine){.pa-btn:hover{transform:translateY(-2px);border-color:var(--pa-ink)}.pa-btn-solid:hover{border-color:var(--pa-acc)}}
.pa-btn:active{transform:scale(.97)}
.pa-ctas{display:flex;flex-wrap:wrap;gap:12px}
.pa-by{margin:0 0 var(--pa-s3);font:500 .82rem var(--pa-mono);color:var(--pa-mut)}
.pa-plats{font:500 .78rem var(--pa-mono);letter-spacing:.06em;color:var(--pa-mut);margin:var(--pa-s4) 0}
/* index board (hero) */
.pa-board{position:relative;padding:var(--pa-s10) var(--pa-gut) var(--pa-s12);background:radial-gradient(40% 36% at 88% 8%,color-mix(in srgb,var(--pa-acc2) 16%,transparent),transparent 70%),radial-gradient(38% 30% at 6% 30%,color-mix(in srgb,var(--pa-acc) 10%,transparent),transparent 70%)}
.pa-board::before{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--pa-ink) 16%,transparent) 1px,transparent 1.5px);background-size:26px 26px;mask-image:linear-gradient(#000,transparent 55%);-webkit-mask-image:linear-gradient(#000,transparent 55%);opacity:.5;pointer-events:none}
.pa-board>*{position:relative;max-width:1280px;margin-left:auto;margin-right:auto}
.pa-coords{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--pa-s4);margin:0 auto var(--pa-s8);padding:0 0 var(--pa-s3);border-bottom:1px solid var(--pa-line);font:500 .72rem/1.4 var(--pa-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pa-mut)}
.pa-coords span:first-child{color:var(--pa-ink)}
.pa-coords span:last-child{text-align:right}
.pa-board-head{display:grid;gap:var(--pa-s8)}
.pa-mega{font:700 clamp(2.7rem,7.4vw,8.4rem)/.88 var(--pa-disp);font-stretch:condensed;text-transform:uppercase;letter-spacing:-.015em;margin:0}
.pa-mega em{display:inline-flex;align-items:center;justify-content:center;height:1.12em;padding:0 .22em;vertical-align:.04em;font:800 .74em/1 var(--pa-font);font-style:normal;font-variant-numeric:tabular-nums;letter-spacing:-.02em;background:var(--pa-acc);color:var(--pa-on);border-radius:.14em;transform:rotate(-4deg);margin:0 .04em}
.pa-board-intro{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--pa-s6)}
.pa-board-intro p{color:var(--pa-mut);margin:0;max-width:60ch}
.pa-board-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:0 var(--pa-s10);margin-top:var(--pa-s10);align-items:start}
.pa-rows-head{grid-column:1;display:grid;grid-template-columns:64px 1fr auto;gap:var(--pa-s4);padding:0 0 var(--pa-s2);font:500 .68rem var(--pa-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--pa-mut);border-bottom:1px solid var(--pa-ink)}
.pa-rows{grid-column:1;list-style:none;margin:0;padding:0}
.pa-rows li{border-bottom:1px solid var(--pa-line)}
.pa-rows a{display:grid;grid-template-columns:64px 1fr auto;grid-template-areas:"no name score" "no meta score";column-gap:var(--pa-s4);align-items:center;padding:14px 0;text-decoration:none;transition:transform .22s ease-out}
.pa-row-no{grid-area:no;font:500 .82rem var(--pa-mono);color:var(--pa-mut);transition:color .2s ease-out}
.pa-row-thumb{display:none}
.pa-row-name{grid-area:name;font:700 clamp(1.5rem,3.3vw,2.7rem)/1 var(--pa-disp);font-stretch:condensed;text-transform:uppercase;letter-spacing:.005em;transition:color .2s ease-out}
.pa-row-meta{grid-area:meta;font:500 .76rem var(--pa-mono);color:var(--pa-mut);margin-top:4px}
.pa-row-score{grid-area:score;text-align:right;font:700 1.4rem var(--pa-disp);font-stretch:condensed}
.pa-row-score small{font:500 .72rem var(--pa-mono);color:var(--pa-mut)}
.pa-rows .pa-hot a,.pa-rows a:hover{transform:translateX(8px)}
.pa-rows .pa-hot .pa-row-name,.pa-rows a:hover .pa-row-name,.pa-rows .pa-hot .pa-row-no{color:var(--t)}
.pa-lens{grid-column:2;grid-row:1/span 2;position:sticky;top:104px;margin:0}
.pa-lens-frame{position:relative;aspect-ratio:5/6;border-radius:22px;overflow:hidden;background:var(--pa-panel);border:1px solid var(--pa-line)}
.pa-lens-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .28s ease-out,transform .5s ease-out}
.pa-lens-frame img.pa-on{opacity:1;transform:none}
.pa-lens-corner{position:absolute;inset:14px;border:1px solid color-mix(in srgb,#fff 45%,transparent);border-radius:14px;pointer-events:none;mask:linear-gradient(#000 0 0) top left/34px 34px no-repeat,linear-gradient(#000 0 0) top right/34px 34px no-repeat,linear-gradient(#000 0 0) bottom left/34px 34px no-repeat,linear-gradient(#000 0 0) bottom right/34px 34px no-repeat;-webkit-mask:linear-gradient(#000 0 0) top left/34px 34px no-repeat,linear-gradient(#000 0 0) top right/34px 34px no-repeat,linear-gradient(#000 0 0) bottom left/34px 34px no-repeat,linear-gradient(#000 0 0) bottom right/34px 34px no-repeat}
.pa-lens figcaption{display:flex;justify-content:space-between;gap:var(--pa-s3);margin-top:var(--pa-s3);font:500 .76rem var(--pa-mono);color:var(--pa-mut);letter-spacing:.06em}
.pa-lens figcaption b{color:var(--pa-ink);font-weight:600;text-align:right}
.pa-tally{margin-top:var(--pa-s12);border:1px solid var(--pa-line);border-radius:22px;background:color-mix(in srgb,var(--pa-panel) 70%,transparent);padding:var(--pa-s6)}
.pa-tally dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--pa-s5);margin:0 0 var(--pa-s5)}
.pa-tally dt{margin:0 0 var(--pa-s2)}
.pa-tally dd{margin:0;font:500 .74rem var(--pa-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--pa-mut)}
.pa-odo{display:inline-flex;gap:3px}
.pa-odo i{display:grid;place-items:center;min-width:.9em;padding:.12em .1em;font:700 clamp(1.4rem,2.5vw,2.1rem)/1 var(--pa-mono);font-style:normal;background:var(--pa-bg);border:1px solid var(--pa-line);border-radius:6px;color:var(--pa-ink);box-shadow:inset 0 -.5em 0 color-mix(in srgb,var(--pa-ink) 4%,transparent)}
.pa-odo i.pa-sep{min-width:auto;background:none;border:0;box-shadow:none;color:var(--pa-mut);padding:0}
.pa-tally>p{margin:0;padding-top:var(--pa-s4);border-top:1px dashed var(--pa-line);font-size:.86rem;color:var(--pa-mut)}
.pa-tally>p a{color:var(--pa-acc);font-weight:600}
/* game of the year spotlight */
.pa-spot{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);min-height:640px;border-top:1px solid var(--pa-line);border-bottom:1px solid var(--pa-line);background:var(--pa-panel)}
.pa-spot-art{position:relative;overflow:hidden}
.pa-spot-art img{width:100%;height:100%;object-fit:cover}
.pa-spot-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,var(--pa-panel))}
.pa-spot-card{padding:var(--pa-s12) var(--pa-gut) var(--pa-s12) var(--pa-s8);align-self:center}
.pa-honor{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 var(--pa-s5);font:600 .76rem var(--pa-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--t)}
.pa-honor span{background:var(--t);color:var(--pa-on);padding:4px 9px;border-radius:6px;letter-spacing:.08em}
.pa-spot h2{font:700 clamp(2.6rem,5.4vw,5rem)/.92 var(--pa-disp);font-stretch:condensed;text-transform:uppercase;margin:0 0 var(--pa-s3)}
.pa-spot-card>p:not([class]){color:var(--pa-mut);max-width:56ch}
.pa-spot-score{display:flex;flex-wrap:wrap;align-items:center;gap:var(--pa-s6);margin:var(--pa-s6) 0 0;padding:var(--pa-s5) 0;border-top:1px solid var(--pa-line);border-bottom:1px solid var(--pa-line)}
.pa-spot-total{margin:0;display:flex;flex-direction:column}
.pa-spot-total b{font:700 4.2rem/.9 var(--pa-disp);font-stretch:condensed;color:var(--t)}
.pa-spot-total span{font:500 .7rem var(--pa-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pa-mut)}
.pa-rings{display:flex;flex-wrap:wrap;gap:var(--pa-s4);list-style:none;margin:0;padding:0}
.pa-ring{position:relative;display:grid;place-items:center;width:78px;height:78px;text-align:center}
.pa-ring-dial{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--t) calc(var(--v) * 1%),var(--pa-line) 0);mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px))}
.pa-ring b{position:relative;font:700 1.3rem/1 var(--pa-disp);margin-top:8px}
.pa-ring span:last-child{position:relative;font:500 .56rem var(--pa-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pa-mut);margin-top:-14px}
/* world files */
.pa-worlds{padding:var(--pa-s16) 0 var(--pa-s12)}
.pa-world{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--pa-s10);align-items:center;padding:var(--pa-s10) 0;border-top:1px solid var(--pa-line)}
.pa-world:nth-of-type(even) .pa-world-art{order:2}
.pa-world-art{position:relative;border-radius:22px;overflow:hidden;box-shadow:0 0 0 1px var(--pa-line),0 30px 60px -30px color-mix(in srgb,var(--t) 55%,transparent)}
.pa-world-art img{width:100%;aspect-ratio:5/3;object-fit:cover;transition:transform .5s ease-out}
@media (hover:hover) and (pointer:fine){.pa-world:hover .pa-world-art img{transform:scale(1.03)}}
.pa-world-no{position:absolute;left:16px;bottom:8px;font:700 clamp(4rem,9vw,7.5rem)/.8 var(--pa-disp);font-stretch:condensed;color:transparent;-webkit-text-stroke:2px #fff;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.pa-world-kicker{font:600 .74rem var(--pa-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--t);margin:0 0 var(--pa-s3)}
.pa-world h3{font:700 clamp(2rem,3.6vw,3.3rem)/.95 var(--pa-disp);font-stretch:condensed;text-transform:uppercase;margin:0 0 var(--pa-s2)}
.pa-world-text>p:not([class]){color:var(--pa-mut);margin:0 0 var(--pa-s5)}
.pa-world-facts{display:grid;grid-template-columns:auto 1fr;gap:var(--pa-s6);align-items:center;padding:var(--pa-s4) 0;border-top:1px solid var(--pa-line);border-bottom:1px solid var(--pa-line)}
.pa-world-score{margin:0}.pa-world-score b{font:700 3rem/.9 var(--pa-disp);font-stretch:condensed;color:var(--t)}
.pa-world-score span{font:500 .8rem var(--pa-mono);color:var(--pa-mut)}
.pa-meters{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.pa-meters li{display:grid;grid-template-columns:62px 1fr 34px;gap:10px;align-items:center;font:500 .72rem var(--pa-mono);color:var(--pa-mut)}
.pa-meters i{height:8px;border-radius:2px;background:repeating-linear-gradient(90deg,var(--t) 0 calc(10% - 3px),transparent calc(10% - 3px) 10%) 0 0/var(--w) 100% no-repeat,repeating-linear-gradient(90deg,var(--pa-line) 0 calc(10% - 3px),transparent calc(10% - 3px) 10%)}
.pa-meters b{color:var(--pa-ink);text-align:right}
.pa-go{display:inline-flex;align-items:center;gap:10px;font:700 .95rem var(--pa-font);color:var(--t);text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:3px}
.pa-go:hover{color:var(--pa-ink)}
/* method track */
.pa-method{padding:var(--pa-s16) 0;background:var(--pa-panel);border-top:1px solid var(--pa-line);border-bottom:1px solid var(--pa-line)}
.pa-track{list-style:none;margin:0 0 var(--pa-s10);padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--pa-s5);counter-reset:none}
.pa-track li{position:relative;padding:var(--pa-s6) var(--pa-s5) var(--pa-s5);border-radius:18px;background:var(--pa-bg);border:1px solid var(--pa-line)}
.pa-track li::after{content:"";position:absolute;top:34px;right:-14px;width:10px;height:10px;border-top:2px solid var(--pa-acc);border-right:2px solid var(--pa-acc);transform:rotate(45deg)}
.pa-track li:last-child::after{display:none}
.pa-track b{font:700 2.6rem/.9 var(--pa-disp);font-stretch:condensed;color:var(--pa-acc)}
.pa-track h3{font:700 1.3rem var(--pa-disp);text-transform:uppercase;letter-spacing:.03em;margin:var(--pa-s3) 0 var(--pa-s2)}
.pa-track p{margin:0;color:var(--pa-mut);font-size:.93rem}
.pa-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;border-top:1px solid var(--pa-line)}
.pa-legend div{padding:var(--pa-s4) var(--pa-s4) 0 0}
.pa-legend dt{font:600 .74rem var(--pa-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pa-acc2);margin-bottom:6px}
.pa-legend dd{margin:0;color:var(--pa-mut);font-size:.92rem}
.pa-more{margin:var(--pa-s8) 0 0}.pa-more a{color:var(--pa-acc);font-weight:700}
/* launch bay */
.pa-bay{padding:var(--pa-s16) 0}
.pa-bay-tools{display:flex;flex-wrap:wrap;gap:var(--pa-s4);align-items:end;justify-content:space-between;margin:0 0 var(--pa-s5)}
.pa-find{display:flex;flex-direction:column;gap:6px;flex:1 1 280px;max-width:420px}
.pa-find span{font:600 .7rem var(--pa-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pa-mut)}
.pa-find input{min-height:50px;padding:0 16px;border-radius:14px;border:1px solid var(--pa-line);background:var(--pa-panel);color:var(--pa-ink);font:500 1rem var(--pa-font)}
.pa-find input::placeholder{color:var(--pa-mut)}
.pa-chips{display:flex;flex-wrap:wrap;gap:8px}
.pa-chips button{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--pa-line);background:transparent;color:var(--pa-mut);font:600 .82rem var(--pa-font);cursor:pointer;transition:background-color .18s ease-out,color .18s ease-out,border-color .18s ease-out}
.pa-chips button:hover{color:var(--pa-ink);border-color:var(--pa-mut)}
.pa-chips button[aria-pressed="true"]{background:var(--pa-ink);color:var(--pa-bg);border-color:var(--pa-ink)}
.pa-launch{list-style:none;margin:0;padding:0;border-top:1px solid var(--pa-line)}
.pa-launch>li{display:grid;grid-template-columns:104px 44px minmax(0,1.2fr) minmax(0,1.3fr) auto;gap:var(--pa-s4);align-items:center;padding:12px 8px;border-bottom:1px solid var(--pa-line);border-radius:14px;transition:background-color .18s ease-out}
.pa-launch>li[hidden]{display:none}
.pa-launch>li:hover{background:color-mix(in srgb,var(--t) 9%,transparent)}
.pa-launch img{width:104px;aspect-ratio:5/3;object-fit:cover;border-radius:10px}
.pa-bay-no{font:600 .9rem var(--pa-mono);color:var(--t)}
.pa-bay-name h3{margin:0;font:700 1.25rem/1.05 var(--pa-disp);font-stretch:condensed;text-transform:uppercase}
.pa-bay-name p{margin:2px 0 0;font:500 .76rem var(--pa-mono);color:var(--pa-mut)}
.pa-pills{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.pa-pills li{padding:3px 9px;border:1px solid var(--pa-line);border-radius:999px;font:500 .72rem var(--pa-mono);color:var(--pa-mut)}
.pa-launch a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:12px;background:var(--pa-acc);color:var(--pa-on);font:700 .88rem var(--pa-font);text-decoration:none;white-space:nowrap;transition:transform .18s ease-out}
.pa-launch a:active{transform:scale(.97)}
.pa-bay-empty{margin:var(--pa-s5) 0 0;color:var(--pa-mut)}
/* play well settings screen */
.pa-settings{padding:var(--pa-s16) 0;background:linear-gradient(180deg,var(--pa-bg),color-mix(in srgb,var(--pa-acc2) 7%,var(--pa-bg)))}
.pa-settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:var(--pa-s12);align-items:start}
.pa-settings h2{font-size:clamp(2rem,3.6vw,3.2rem)}
.pa-settings header p:not(.pa-kicker){color:var(--pa-mut);margin:0 0 var(--pa-s6)}
.pa-settings header p.pa-help{margin:var(--pa-s6) 0 0;padding:var(--pa-s4);border-left:3px solid var(--pa-acc2);background:var(--pa-panel);border-radius:0 12px 12px 0;color:var(--pa-ink);font-size:.93rem}
.pa-panel{border:1px solid var(--pa-line);border-radius:22px;background:var(--pa-panel);overflow:hidden}
.pa-panel-bar{display:flex;justify-content:space-between;margin:0;padding:12px 20px;border-bottom:1px solid var(--pa-line);font:600 .72rem var(--pa-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--pa-mut)}
.pa-panel ul{list-style:none;margin:0;padding:0}
.pa-panel li{display:grid;grid-template-columns:1fr auto;gap:var(--pa-s5);align-items:center;padding:var(--pa-s5) 20px;border-bottom:1px solid var(--pa-line)}
.pa-panel li:last-child{border-bottom:0}
.pa-panel h3{margin:0 0 4px;font:700 1.1rem var(--pa-font)}
.pa-panel li p{margin:0;color:var(--pa-mut);font-size:.9rem}
.pa-state{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--pa-acc) 50%,transparent);color:var(--pa-acc);font:600 .74rem var(--pa-mono);letter-spacing:.06em;white-space:nowrap}
.pa-state::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
/* faq */
.pa-faq{padding:var(--pa-s16) 0}
.pa-faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--pa-s12)}
.pa-faq-list details{border-bottom:1px solid var(--pa-line)}
.pa-faq-list details:first-child{border-top:1px solid var(--pa-line)}
.pa-faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:var(--pa-s4);padding:var(--pa-s5) 0;font:700 1.12rem var(--pa-font)}
.pa-faq-list summary::-webkit-details-marker{display:none}
.pa-faq-list summary::after{content:"+";font:500 1.4rem/1 var(--pa-mono);color:var(--pa-acc);transition:transform .2s ease-out}
.pa-faq-list details[open] summary::after{transform:rotate(45deg)}
.pa-faq-list details p{margin:0 0 var(--pa-s5);color:var(--pa-mut);max-width:64ch}
/* coda */
.pa-coda{padding:var(--pa-s12) 0;border-top:1px solid var(--pa-line);text-align:center}
.pa-coda-line{font:700 clamp(2rem,4.6vw,3.8rem)/.95 var(--pa-disp);font-stretch:condensed;text-transform:uppercase;margin:0 0 var(--pa-s6)}
.pa-coda .pa-btn{margin:0 auto}
/* footer */
.pa-base{padding:var(--pa-s12) var(--pa-gut) var(--pa-s6);border-top:1px solid var(--pa-line);background:var(--pa-panel);overflow:hidden}
.pa-base-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:var(--pa-s10)}
.pa-base-kicker{font:600 .72rem var(--pa-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--pa-acc);margin:0 0 var(--pa-s3)}
.pa-base-about p{color:var(--pa-mut);max-width:52ch;margin:0 0 var(--pa-s3)}
.pa-base-about a{color:var(--pa-ink)}
.pa-base h2{font:600 .72rem var(--pa-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--pa-mut);margin:0 0 var(--pa-s4)}
.pa-base ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pa-base nav a{text-decoration:none;font-weight:600}
.pa-base nav a:hover{color:var(--pa-acc)}
.pa-wordmark{max-width:1280px;margin:var(--pa-s10) auto 0;font:700 clamp(3rem,12vw,11.5rem)/.8 var(--pa-disp);font-stretch:condensed;text-transform:uppercase;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1.5px var(--pa-line);white-space:nowrap;text-align:center}
.pa-base-note{max-width:1280px;margin:var(--pa-s6) auto 0;padding-top:var(--pa-s5);border-top:1px solid var(--pa-line);font-size:.84rem;color:var(--pa-mut)}
.pa-cookies{display:none;position:fixed;left:16px;bottom:16px;z-index:50;max-width:420px;gap:var(--pa-s4);align-items:center;padding:14px 16px;background:var(--pa-ink);color:var(--pa-bg);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.4)}
.pa-cookies p{margin:0;font-size:.86rem}.pa-cookies a{color:inherit;font-weight:700}
.pa-cookies button{min-height:44px;padding:0 16px;border:0;border-radius:10px;background:var(--pa-acc);color:var(--pa-on);font:700 .86rem var(--pa-font);cursor:pointer;white-space:nowrap}
/* text pages */
.pa-sheet{max-width:1280px;margin:0 auto;padding:var(--pa-s12) var(--pa-gut) var(--pa-s16);display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--pa-s6) var(--pa-s12)}
.pa-sheet-head{grid-column:1/-1;border-bottom:1px solid var(--pa-line);padding-bottom:var(--pa-s6);margin-bottom:var(--pa-s4)}
.pa-sheet-head h1{font:700 clamp(3rem,7vw,6.4rem)/.88 var(--pa-disp);font-stretch:condensed;text-transform:uppercase;margin:0}
.pa-toc{position:sticky;top:104px;align-self:start}
.pa-toc p{font:600 .7rem var(--pa-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--pa-mut);margin:0 0 var(--pa-s3)}
.pa-toc ol{margin:0;padding:0 0 0 18px;display:grid;gap:8px;color:var(--pa-mut);font-size:.9rem}
.pa-toc a{text-decoration:none}.pa-toc a:hover{color:var(--pa-acc)}
.pa-sheet-body{max-width:72ch}
.pa-sheet-body section{padding:0 0 var(--pa-s6)}
.pa-sheet-body h2{font:700 1.7rem/1.05 var(--pa-disp);font-stretch:condensed;text-transform:uppercase;letter-spacing:.01em;margin:0 0 var(--pa-s3);color:var(--pa-ink)}
.pa-sheet-body p,.pa-sheet-body li{color:var(--pa-mut)}
.pa-sheet-body b{color:var(--pa-ink)}
.pa-sheet-body a{color:var(--pa-acc)}
.pa-sheet-body ul{padding-left:20px}.pa-sheet-body li{margin-bottom:8px}
.pa-sheet-body code{font:500 .86em var(--pa-mono);background:var(--pa-panel);padding:2px 6px;border-radius:6px;color:var(--pa-ink)}
.pa-sheet-lost .pa-sheet-body{grid-column:1/-1}
.pa-support{list-style:none;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:var(--pa-s4) 0}
.pa-support li{display:flex;flex-direction:column;margin:0;padding:18px;border:1px solid var(--pa-line);border-radius:16px;background:var(--pa-panel)}
.pa-support h3{margin:0 0 6px;font:700 1.05rem var(--pa-font);color:var(--pa-ink)}
.pa-support p{font-size:.9rem;margin:0 0 12px}
.pa-support a{margin-top:auto;font-weight:700}
.pa-urgent{padding:14px 16px;border:1px solid var(--pa-acc2);border-radius:14px;color:var(--pa-ink)!important}
@media(max-width:1060px){.pa-board-head,.pa-settings-grid,.pa-faq-grid{grid-template-columns:1fr;gap:var(--pa-s8)}.pa-board-body{grid-template-columns:1fr}.pa-lens{display:none}.pa-rows a{grid-template-columns:48px 88px 1fr auto;grid-template-areas:"no thumb name score" "no thumb meta score"}.pa-row-thumb{display:block;grid-area:thumb;width:88px;aspect-ratio:5/3;object-fit:cover;border-radius:8px}.pa-spot{grid-template-columns:1fr;min-height:0}.pa-spot-art::after{background:linear-gradient(180deg,transparent 60%,var(--pa-panel))}.pa-spot-art img{aspect-ratio:5/3}.pa-spot-card{padding:var(--pa-s8) var(--pa-gut) var(--pa-s10)}.pa-world{grid-template-columns:1fr;gap:var(--pa-s6)}.pa-world:nth-of-type(even) .pa-world-art{order:0}.pa-track{grid-template-columns:repeat(2,minmax(0,1fr))}.pa-track li::after{display:none}.pa-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.pa-launch>li{grid-template-columns:88px 36px minmax(0,1fr) auto}.pa-launch img{width:88px}.pa-pills{grid-column:3/-1;grid-row:2}.pa-base-grid{grid-template-columns:1fr 1fr}.pa-base-about{grid-column:1/-1}.pa-sheet{grid-template-columns:1fr}.pa-toc{position:static}}
@media(max-width:640px){body{font-size:16px}.pa-dock{border-radius:22px}.pa-brand small{display:none}.pa-coords{grid-template-columns:1fr 1fr;row-gap:6px}.pa-coords span:last-child{text-align:left}.pa-rows a{grid-template-columns:36px 72px 1fr;grid-template-areas:"no thumb name" "no thumb meta" "no thumb score";row-gap:2px}.pa-row-thumb{width:72px}.pa-row-score{text-align:left;font-size:1.05rem}.pa-rows .pa-hot a,.pa-rows a:hover{transform:none}.pa-rings{gap:10px}.pa-ring{width:66px;height:66px}.pa-world-facts{grid-template-columns:1fr}.pa-track,.pa-legend{grid-template-columns:1fr}.pa-launch>li{grid-template-columns:72px minmax(0,1fr) auto;gap:12px}.pa-launch img{width:72px}.pa-bay-no{display:none}.pa-pills{grid-column:1/-1}.pa-support{grid-template-columns:1fr}.pa-panel li{grid-template-columns:1fr}.pa-state{justify-self:start}.pa-base-grid{grid-template-columns:1fr}.pa-cookies{right:16px;flex-direction:column;align-items:stretch}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.pa-brand-logo{width:42px;height:42px;flex:none;border-radius:50%;box-shadow:0 0 0 1px var(--pa-line)}

/* --- mobile nav toggle --- */
.pa-burger{display:none;width:44px;height:44px;padding:0;border:1px solid var(--pa-line,currentColor);border-radius:8px;background:transparent;color:inherit;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:0 0 auto}
.pa-burger span{display:block;width:20px;height:2px;border-radius:2px;background:currentColor;transition:transform .18s cubic-bezier(.2,.7,.2,1),opacity .18s cubic-bezier(.2,.7,.2,1)}
.pa-nav-open .pa-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.pa-nav-open .pa-burger span:nth-child(2){opacity:0}
.pa-nav-open .pa-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:980px){
.pa-js .pa-burger{display:inline-flex;margin-left:auto;order:5}
.pa-js .pa-dock{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:12px}.pa-js .pa-nav-open .pa-dock{height:auto}
.pa-js .pa-dock>nav{display:none}
.pa-js .pa-nav-open .pa-dock>nav{display:flex;flex-direction:column;align-items:stretch;flex-basis:100%;order:9;gap:0;margin:0;padding:8px 0 4px;border-top:1px solid var(--pa-line,currentColor)}
.pa-js .pa-nav-open .pa-dock>nav a{display:flex;align-items:center;min-height:48px;padding:0 4px;margin:0;border:0;border-bottom:1px solid var(--pa-line,currentColor);font-size:1rem;letter-spacing:.04em}
.pa-js .pa-nav-open .pa-dock>nav a:last-child{border-bottom:none}
.pa-js .pa-dock .pa-brand{flex:1}.pa-js .pa-nav-open .pa-dock{border-radius:22px;background:var(--pa-panel)}.pa-js .pa-nav-open .pa-dock>nav a{color:var(--pa-ink);border-radius:10px}.pa-js .pa-nav-open .pa-dock>nav .pa-navcta{margin:6px 0 0;justify-content:center}
}