:root{--p-bg:#090d13;--p-panel:#111923;--p-panel2:#182331;--p-ink:#f5f0e6;--p-muted:#bcc7d6;--p-line:#314052;--p-a:#f0cf72;--p-b:#9ad6ca;--p-c:#ffb4a9;--p-r:18px}body.pat-universe{background:linear-gradient(#080b10,#0b1118);color:var(--p-ink)}.pat-connect{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.6rem max(1rem,calc((100vw - 1180px)/2));background:#080b10;border-bottom:1px solid var(--p-line)}.pat-connect a{color:var(--p-ink);text-decoration:none}.pat-status{margin-left:auto;color:var(--p-muted);font-size:.85rem}.pat-save{min-height:40px;border:1px solid var(--p-line);border-radius:999px;background:transparent;color:var(--p-ink);padding:.45rem .75rem}.pat-save.is-active{background:var(--p-a);color:#111}.pat-skip{position:absolute;left:-9999px}.pat-skip:focus{left:1rem;top:1rem;z-index:1000;background:#fff;color:#000;padding:.6rem}.pat-wrap{width:min(1180px,calc(100% - 2rem));margin:auto}.pat-hero{padding:3.5rem 0 2.2rem}.pat-kicker{text-transform:uppercase;letter-spacing:.15em;color:var(--p-a);font-size:.76rem}.pat-hero h1{font-size:clamp(2.6rem,7vw,6.2rem);line-height:.95;margin:.25rem 0 1rem}.pat-lede{max-width:780px;color:var(--p-muted);font-size:clamp(1.05rem,2vw,1.35rem)}.pat-actions,.pat-tags{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.pat-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.7rem 1rem;border:1px solid var(--p-line);border-radius:999px;background:var(--p-panel);color:var(--p-ink);text-decoration:none}.pat-button.primary{background:var(--p-a);color:#151515;border-color:transparent}.pat-button:focus-visible,.pat-button:hover{outline:2px solid var(--p-b);outline-offset:2px}.pat-chip{display:inline-block;padding:.33rem .58rem;border:1px solid var(--p-line);border-radius:999px;color:var(--p-muted);font-size:.8rem}.pat-chip.fact{color:#c9f6ed;border-color:#4f8d82}.pat-chip.source{color:#f0d5ff;border-color:#795c8b}.pat-chip.editorial{color:#ffe9a6;border-color:#806c38}.pat-subnav{position:sticky;top:0;z-index:20;background:rgba(8,11,16,.96);border-block:1px solid var(--p-line)}.pat-subnav .pat-wrap{display:flex;gap:.25rem;overflow:auto;padding:.5rem 0}.pat-subnav a{white-space:nowrap;color:var(--p-muted);text-decoration:none;padding:.55rem .7rem;border-radius:999px;width:auto;min-width:max-content;flex:0 0 auto}.pat-subnav a[aria-current=page],.pat-subnav a:hover{background:var(--p-panel2);color:var(--p-ink)}.pat-section{padding:2.5rem 0}.pat-section+.pat-section{border-top:1px solid rgba(255,255,255,.06)}.pat-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1rem}.pat-head p{max-width:620px;color:var(--p-muted)}.pat-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.pat-card{grid-column:span 4;border:1px solid var(--p-line);background:linear-gradient(var(--p-panel),#0e151e);border-radius:var(--p-r);padding:1.1rem;min-width:0}.pat-card.wide{grid-column:span 6}.pat-card.full{grid-column:1/-1}.pat-card p,.pat-card li,.pat-results{color:var(--p-muted)}.pat-card a{color:var(--p-b)}.pat-meta{font-size:.78rem;text-transform:uppercase;letter-spacing:.11em;color:var(--p-a)}.pat-note{padding:.9rem 1rem;border-left:3px solid var(--p-a);background:var(--p-panel);border-radius:0 12px 12px 0;color:var(--p-muted)}.pat-note strong{color:var(--p-ink)}.pat-field{min-height:150px;border:1px solid var(--p-line);border-radius:14px;background-color:#0c131d;overflow:hidden}.pat-preview-grid{background-image:linear-gradient(90deg,transparent 48%,#f0cf72 49% 51%,transparent 52%),linear-gradient(0deg,transparent 48%,#9ad6ca 49% 51%,transparent 52%);background-size:38px 38px}.pat-preview-checker{background-image:conic-gradient(#f0cf72 25%,#213043 0 50%,#f0cf72 0 75%,#213043 0);background-size:40px 40px}.pat-preview-stripe{background-image:repeating-linear-gradient(115deg,#172232 0 14px,#f0cf72 14px 24px,#172232 24px 42px)}.pat-preview-radial{background-image:repeating-conic-gradient(#f0cf72 0 10deg,#1b2938 10deg 20deg)}.pat-preview-interlace{background-image:linear-gradient(45deg,transparent 43%,#9ad6ca 44% 49%,transparent 50%),linear-gradient(-45deg,transparent 43%,#f0cf72 44% 49%,transparent 50%);background-size:42px 42px}.pat-preview-organic{background-image:radial-gradient(ellipse at 30% 30%,#9ad6ca 0 5%,transparent 6%),radial-gradient(ellipse at 70% 62%,#f0cf72 0 4%,transparent 5%);background-size:68px 62px,74px 70px}.pat-preview-broken{background-image:repeating-linear-gradient(90deg,#182534 0 18px,#f0cf72 18px 21px,#182534 21px 39px)}.pat-filters{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem}.pat-control label{display:block;color:var(--p-muted);font-size:.82rem;margin-bottom:.3rem}.pat-control select,.pat-control input[type=search]{width:100%;min-height:44px;border:1px solid var(--p-line);border-radius:11px;background:#0b121a;color:var(--p-ink);padding:.65rem}.pat-atlas-card{grid-column:span 4}.pat-atlas-card .pat-field{margin-bottom:.8rem}.pat-atlas-card[hidden]{display:none}.pat-lab,.pat-look,.pat-builder,.pat-compare{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.pat-lab-controls,.pat-panel{border:1px solid var(--p-line);background:var(--p-panel);border-radius:var(--p-r);padding:1rem}.pat-control{margin-bottom:.9rem}.pat-control input[type=range]{width:100%}.pat-stage{min-height:460px;display:grid;place-items:center;border:1px solid var(--p-line);border-radius:var(--p-r);background:#090d14;overflow:hidden}.pat-live{width:86%;height:76%;border-radius:18px;--gap:42px;--rot:0deg;--c1:#f0cf72;--c2:#213043;transform:rotate(var(--rot));background-color:#101722}.pat-live[data-repeat=grid]{background-image:radial-gradient(circle,var(--c1) 0 16%,transparent 17%);background-size:var(--gap) var(--gap)}.pat-live[data-repeat=checker]{background-image:conic-gradient(var(--c1) 25%,var(--c2) 0 50%,var(--c1) 0 75%,var(--c2) 0);background-size:var(--gap) var(--gap)}.pat-live[data-repeat=stripe]{background-image:repeating-linear-gradient(90deg,var(--c2) 0 calc(var(--gap)/2),var(--c1) calc(var(--gap)/2) var(--gap))}.pat-live[data-repeat=diamond]{background-image:linear-gradient(45deg,var(--c1) 25%,transparent 25% 75%,var(--c1) 75%),linear-gradient(-45deg,var(--c2) 25%,transparent 25% 75%,var(--c2) 75%);background-size:var(--gap) var(--gap)}.pat-live.mirror{scale:-1 1}.pat-formula{font-family:ui-monospace,monospace;background:#080c12;border:1px solid var(--p-line);border-radius:11px;padding:.7rem}.pat-compare-panel dl{display:grid;grid-template-columns:120px 1fr;gap:.45rem .7rem}.pat-compare-panel dt{color:var(--p-a)}.pat-compare-panel dd{margin:0;color:var(--p-muted)}.pat-look-canvas{min-height:420px;position:relative;border:1px solid var(--p-line);border-radius:var(--p-r);background-image:radial-gradient(circle,#f0cf72 0 8px,transparent 9px),radial-gradient(circle,#9ad6ca 0 5px,transparent 6px);background-size:70px 70px;background-position:0 0,35px 35px;overflow:hidden}.pat-look-canvas .layer{position:absolute;inset:0}.pat-look-canvas .axes{background:linear-gradient(90deg,transparent 49.5%,rgba(240,207,114,.8) 49.5% 50.5%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,rgba(154,214,202,.8) 49.5% 50.5%,transparent 50.5%);background-size:70px 70px}.pat-look-canvas .unit{width:70px;height:70px;inset:35% auto auto 42%;border:3px solid #fff}.pat-look-canvas .counter{background:radial-gradient(circle at 50% 50%,rgba(255,180,169,.45) 0 15px,transparent 16px);background-size:70px 70px;background-position:35px 35px}.pat-toggle-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.7rem}.pat-toggle-row button,.pat-builder-item button{min-height:44px;border:1px solid var(--p-line);border-radius:999px;background:var(--p-panel);color:var(--p-ink);padding:.5rem .7rem}.pat-toggle-row button[aria-pressed=true]{background:var(--p-a);color:#111}.pat-timeline{display:grid;grid-template-columns:220px 1fr;gap:1rem}.pat-timeline nav{display:flex;flex-direction:column;gap:.45rem}.pat-timeline button{min-height:44px;text-align:left;border:1px solid var(--p-line);border-radius:11px;background:var(--p-panel);color:var(--p-ink);padding:.7rem}.pat-timeline button[aria-selected=true]{border-color:var(--p-a);background:#242013}.pat-builder-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;border:1px solid var(--p-line);border-radius:12px;margin:.55rem 0}.pat-source{display:grid;grid-template-columns:80px 1fr;gap:1rem}.pat-footer{padding:2rem 0 3rem;border-top:1px solid var(--p-line);color:var(--p-muted)}.pat-footer nav{display:flex;flex-wrap:wrap;gap:.8rem}.pat-footer a{color:var(--p-b)}@media(max-width:900px){.pat-card,.pat-card.wide,.pat-atlas-card{grid-column:span 6}.pat-filters{grid-template-columns:1fr 1fr}.pat-lab,.pat-look,.pat-builder,.pat-timeline,.pat-compare{grid-template-columns:1fr}.pat-status{margin-left:0}}@media(max-width:620px){.pat-card,.pat-card.wide,.pat-atlas-card{grid-column:1/-1}.pat-filters{grid-template-columns:1fr}.pat-head{display:block}.pat-stage{min-height:340px}.pat-compare-panel dl{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}