:root{--ink: #0c1016;--panel: #141b24;--panel2: #1b2530;--line: #2a3644;--text: #e7eef6;--sub: #8595a8;--amber: #ffb454;--amber-dim: #7a5a2a;--cyan: #46c8f0;--green: #5fd882;--mag: #cf7fe0;--pink: #ff2a6d;--red: #c0392b;--mono: ui-monospace, "Cascadia Code", "JetBrains Mono", "SF Mono", Consolas, monospace;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--maxw: 1040px;--radius: 10px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--text);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased;text-shadow:0 1px 2px rgba(0,0,0,.5);min-height:100vh;display:flex;flex-direction:column}main{flex:1 0 auto}.site-footer{flex-shrink:0}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}code,.mono{font-family:var(--mono);font-size:.92em}code{background:var(--panel2);border:1px solid var(--line);border-radius:5px;padding:.08em .4em;color:var(--amber)}pre{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;overflow-x:auto}pre code{background:none;border:none;padding:0;color:var(--text)}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 1.25rem}.site-header{border-bottom:1px solid var(--line);background:#0c1016d9;backdrop-filter:blur(6px);position:sticky;top:0;z-index:10}.site-header .wrap{display:flex;align-items:center;gap:1.5rem;height:60px}.brand{font-family:var(--mono);font-weight:700;font-size:1.1rem;color:var(--text);letter-spacing:.02em}.brand .dot{color:var(--amber)}.nav{display:flex;gap:1.25rem;margin-left:auto;font-size:.95rem}.nav a{color:var(--sub)}.nav a:hover,.nav a[aria-current=page]{color:var(--text);text-decoration:none}.site-footer{border-top:1px solid var(--line);margin-top:4rem;padding:2rem 0;color:var(--sub);font-size:.88rem}.site-footer .wrap{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.site-footer a{color:var(--amber)}.site-footer a:hover{color:var(--text);text-decoration:none}.support-link{border:1px solid var(--amber-dim);border-radius:999px;padding:.12rem .7rem;background:color-mix(in srgb,var(--amber) 10%,transparent)}.support-link:hover{background:color-mix(in srgb,var(--amber) 20%,transparent);color:var(--amber)}.support-card{border:1px solid var(--amber-dim);background:color-mix(in srgb,var(--amber) 7%,transparent);border-radius:var(--radius);padding:1.1rem 1.25rem;margin:1.75rem 0 0}.support-card h3{margin:0 0 .4rem;font-size:1.05rem}.support-card p{margin:0 0 .75rem;color:var(--sub)}.hero{padding:4rem 0 2.5rem;border-bottom:1px solid var(--line)}.hero h1{font-size:clamp(1.9rem,4vw,3rem);line-height:1.1;margin:0 0 1rem}.hero p.lead{font-size:1.15rem;color:var(--sub);max-width:680px;margin:0 0 1.75rem}.hero .amber{color:var(--amber)}.btn{display:inline-block;font-weight:600;font-size:.95rem;padding:.6rem 1.1rem;border-radius:var(--radius);border:1px solid var(--line);color:var(--text);background:var(--panel2);cursor:pointer}.btn:hover{text-decoration:none;border-color:var(--sub)}.btn.primary{background:var(--amber);color:#2a1c06;border-color:var(--amber)}.btn.primary:hover{filter:brightness(1.08)}.btn-row{display:flex;gap:.75rem;flex-wrap:wrap}.section{padding:2.5rem 0}.section h2{font-size:1.5rem;margin:0 0 1.25rem}.eyebrow{font-family:var(--mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--amber);margin:0 0 .5rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}.panel.accent{border-left:3px solid var(--accent, var(--amber));background:linear-gradient(100deg,color-mix(in srgb,var(--accent, var(--amber)) 6%,var(--panel)),var(--panel) 55%)}.panel.accent>.eyebrow{color:var(--accent, var(--amber))}.grid{display:grid;gap:1rem}.grid.cols-2{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.grid.two{grid-template-columns:repeat(2,1fr)}.prose p{color:var(--text);margin:0 0 1rem}.prose h3{color:var(--text);font-size:1.15rem;margin:1.9rem 0 .6rem}.prose ul,.prose ol{color:var(--text);padding-left:1.2rem;margin:0 0 1.1rem}.prose li{margin:.3rem 0}.prose .muted,.prose .note{color:var(--sub)}.prose .note{font-size:.85rem}.rf{margin-top:1.5rem}.rf-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.rf label,.rf .rf-wide{display:flex;flex-direction:column;gap:.35rem;font-weight:600;font-size:.9rem}.rf .rf-wide{margin-top:1rem}.rf .hint{font-weight:400;color:var(--sub);font-size:.8rem}.rf input,.rf select,.rf textarea{font-family:var(--sans);font-size:.95rem;background:var(--panel2);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:.5rem .65rem}.rf textarea{resize:vertical}.rf input:focus,.rf select:focus,.rf textarea:focus{outline:none;border-color:var(--amber)}.rf-errors{margin-top:1rem;border-left:3px solid var(--red);background:var(--panel);padding:.75rem 1rem;border-radius:0 8px 8px 0}.rf-errors ul{margin:.4rem 0 0;padding-left:1.1rem}@media(max-width:640px){.rf-grid{grid-template-columns:1fr}}.recipe-card{display:flex;flex-direction:column;gap:.5rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;transition:border-color .12s ease}.recipe-card:hover{text-decoration:none;border-color:var(--sub)}.recipe-card .title{font-weight:600;font-size:1.05rem;color:var(--text)}.recipe-card .meta{font-family:var(--mono);font-size:.8rem;color:var(--sub)}.recipe-card .rc-votes{color:var(--sub)}.recipe-card .rc-votes .rc-up{color:var(--green)}.recipe-card .rc-votes .rc-down{color:var(--red)}.recipe-card[data-status=unverified],.recipe-card[data-status=borked]{opacity:.78}.badge{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--mono);font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--line);color:var(--sub);white-space:nowrap}.badge .led{width:7px;height:7px;border-radius:50%;background:var(--sub)}.badge[data-status=working]{color:var(--green);border-color:color-mix(in srgb,var(--green) 40%,transparent)}.badge[data-status=working] .led{background:var(--green);box-shadow:0 0 6px var(--green)}.badge[data-status=needs-test]{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 40%,transparent)}.badge[data-status=needs-test] .led{background:var(--amber)}.badge[data-status=borked]{color:var(--red);border-color:color-mix(in srgb,var(--red) 50%,transparent)}.badge[data-status=borked] .led{background:var(--red)}.recipe-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:2.5rem 0 1.5rem;border-bottom:1px solid var(--line)}.recipe-head h1{margin:0 0 .5rem;font-size:clamp(1.6rem,3vw,2.2rem)}.recipe-hero{padding:2rem 0 1.5rem;border-bottom:1px solid var(--line)}.recipe-banner{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:210px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background-size:cover;background-position:center 30%}.recipe-banner.no-art{background:linear-gradient(150deg,var(--panel2),var(--panel))}.recipe-banner-scrim{position:absolute;inset:0}.recipe-banner.has-art .recipe-banner-scrim{background:linear-gradient(90deg,#080a0ef5,#080a0ec7 42%,#080a0e57),linear-gradient(0deg,#080a0eeb,#080a0e14 55%)}.recipe-banner-body{position:relative;z-index:1;display:flex;align-items:center;gap:1.1rem;padding:1.3rem 1.4rem}.recipe-banner h1{margin:0 0 .55rem;line-height:1.1;font-size:clamp(1.5rem,3.5vw,2.2rem);text-shadow:0 2px 12px rgba(0,0,0,.65)}.recipe-banner .fact{background:#141b24d1;backdrop-filter:blur(2px)}.lettermark{flex:none;width:76px;height:76px;display:grid;place-items:center;font-family:var(--mono);font-size:2.6rem;font-weight:700;color:var(--amber);background:linear-gradient(150deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);box-shadow:inset 0 0 0 1px #ffb45412}.recipe-hero-text{flex:1 1 260px;min-width:0}.recipe-hero-text h1{margin:0 0 .6rem;line-height:1.1}.recipe-hero-badges{position:absolute;top:.9rem;right:.9rem;z-index:2;display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-end;justify-content:flex-end;max-width:62%}.recipe-banner .recipe-hero-badges .badge,.recipe-banner .recipe-hero-badges .medal{box-shadow:0 2px 8px #00000080}.facts{display:flex;flex-wrap:wrap;gap:.4rem;margin:0}.fact{font-family:var(--mono);font-size:.76rem;color:var(--sub);background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:.22rem .62rem;white-space:nowrap}.fact.amber{color:var(--amber);border-color:var(--amber-dim)}.fact.green{color:var(--green);border-color:#2f5f3f}.fact.proton{color:var(--cyan);border-color:#25556a}.recipe-cols{display:grid;gap:1rem;grid-template-columns:1fr 1fr;align-items:stretch}.recipe-col-right{display:flex;flex-direction:column;gap:1rem}.recipe-col-right>.panel:last-child{flex:1}@media(max-width:640px){.recipe-cols{grid-template-columns:1fr}}.tier-cell{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.tier-note{font-size:.85rem;color:var(--sub)}.spec{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.9rem 1.5rem}.spec-cell{display:flex;flex-direction:column;gap:.2rem;min-width:0}.spec-wide{grid-column:1 / -1}.spec-k{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:var(--sub)}.spec-v{color:var(--text);font-size:.95rem;word-break:break-word}.spec-v.amber{color:var(--amber);font-weight:600}.spec-v.green{color:var(--green);font-weight:600}.spec-v.mono{font-family:var(--mono);font-size:.88rem}.kv .proton-ver{color:var(--amber)}.shot-reel{overflow:hidden;border-radius:8px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.shot-track{display:flex;width:max-content;animation:shot-scroll 55s linear infinite;will-change:transform}.shot-reel:hover .shot-track{animation-play-state:paused}@keyframes shot-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.shot{flex:none;width:300px;aspect-ratio:16 / 9;margin-right:.6rem;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--panel);cursor:pointer}.shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .18s ease}.shot:hover img{transform:scale(1.04)}@media(prefers-reduced-motion:reduce){.shot-track{animation:none}.shot-reel{overflow-x:auto}}.lightbox{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#05070adb;backdrop-filter:blur(4px)}.lightbox[hidden]{display:none}.lb-card{margin:0;max-width:1100px;width:100%;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel);box-shadow:0 24px 70px #0009}.lb-card img{display:block;width:100%;height:auto;max-height:82vh;object-fit:contain;background:#000}.lb-btn{position:absolute;z-index:1;display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;border:1px solid var(--line);background:#141b24eb;color:var(--text);font-size:1.5rem;line-height:1;cursor:pointer}.lb-btn:hover{border-color:var(--amber);color:var(--amber)}.lb-close{top:1.1rem;right:1.2rem}.lb-nav{top:50%;transform:translateY(-50%)}.lb-prev{left:1.2rem}.lb-next{right:1.2rem}@media(max-width:560px){.lb-nav{top:auto;bottom:1.2rem;transform:none}}.about-summary{margin:0;color:var(--text);line-height:1.6}.setup-notes{margin:0;color:var(--sub);line-height:1.65}.cav-text{margin:0;color:var(--text);line-height:1.6}.about-summary p,.setup-notes p,.cav-text p{margin:0 0 .7rem}.about-summary p:last-child,.setup-notes p:last-child,.cav-text p:last-child{margin-bottom:0}.about-summary strong,.setup-notes strong,.cav-text strong{color:var(--pink);font-weight:650}.proton-ver{color:var(--cyan)}.kv{display:grid;grid-template-columns:max-content 1fr;gap:.4rem 1.25rem;margin:0}.kv dt{font-family:var(--mono);font-size:.82rem;color:var(--sub);text-transform:uppercase;letter-spacing:.05em}.kv dd{margin:0}.callout{border-left:3px solid var(--amber);background:var(--panel);border-radius:0 var(--radius) var(--radius) 0;padding:.9rem 1.1rem}.callout.warn{border-left-color:var(--red)}.callout .label{font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--amber);margin:0 0 .3rem}.callout.warn .label{color:var(--red)}.toolbar{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin:0 0 1.5rem}.toolbar input[type=search]{flex:1 1 240px;min-width:200px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);padding:.55rem .8rem;font-size:.95rem;font-family:var(--sans)}.toolbar input[type=search]:focus{outline:none;border-color:var(--amber)}.chip{font-family:var(--mono);font-size:.8rem;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--line);background:var(--panel2);color:var(--sub);cursor:pointer}.chip[aria-pressed=true]{color:var(--ink);background:var(--amber);border-color:var(--amber)}.muted{color:var(--sub)}.empty{color:var(--sub);padding:2rem 0;text-align:center}.alpha-group{margin:0}.alpha-head{display:flex;align-items:center;gap:1rem;font-family:var(--mono);font-size:1.5rem;font-weight:700;line-height:1;color:var(--amber);margin:2.25rem 0 1.1rem;scroll-margin-top:1rem}.alpha-group:first-child .alpha-head{margin-top:.5rem}.alpha-head:after{content:"";flex:1;height:1px;background:var(--line)}ul.clean{list-style:none;padding:0;margin:0}ul.clean li{padding:.15rem 0}.stats{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.75rem 0 0}.stat{display:inline-flex;align-items:baseline;gap:.45rem;font-family:var(--mono);font-size:.82rem;color:var(--sub);border:1px solid var(--line);border-radius:999px;padding:.3rem .8rem;background:var(--panel)}.stat b{color:var(--amber);font-weight:700}.pipeline{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;font-family:var(--mono)}.pipeline .stage{padding:1.1rem 1.25rem;background:var(--panel)}.pipeline .stage h4{margin:0 0 .6rem;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.pipeline .stage.pc h4{color:var(--amber)}.pipeline .stage.deck h4{color:var(--green)}.pipeline .stage ol{margin:0;padding-left:1.1rem;font-size:.86rem;color:var(--sub);line-height:1.7}.pipeline .transit{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:0 1rem;background:var(--panel2);border-left:1px solid var(--line);border-right:1px solid var(--line);color:var(--cyan);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.pipeline .transit .arrow{font-size:1.3rem;line-height:1}.id-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;align-items:center}.id-map .files .row{display:flex;justify-content:space-between;gap:1rem;padding:.3rem 0;border-bottom:1px dashed var(--line);font-family:var(--mono);font-size:.85rem}.id-map .files .row:last-child{border-bottom:none}.id-map .files .row span:first-child{color:var(--amber)}.id-map .files .row span:last-child{color:var(--sub)}.scope{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.scope .panel h3{margin:0 0 .5rem;font-size:1.05rem}.scope .yes h3{color:var(--green)}.scope .no h3{color:var(--sub)}.medal{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--mono);font-size:.78rem;font-weight:600;letter-spacing:.04em;padding:.25rem .65rem;border-radius:999px;color:var(--medal, var(--sub));border:1px solid color-mix(in srgb,var(--medal, var(--sub)) 45%,transparent);background:color-mix(in srgb,var(--medal, var(--sub)) 9%,transparent);white-space:nowrap}.medal .coin{width:9px;height:9px;border-radius:50%;background:var(--medal, var(--sub));box-shadow:0 0 0 2px color-mix(in srgb,var(--medal, var(--sub)) 25%,transparent)}.medal-note{color:var(--sub);font-weight:400}.medal-legend{display:flex;flex-wrap:wrap;gap:.5rem}.cverified{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--mono);font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .6rem;border-radius:999px;color:var(--green);border:1px solid color-mix(in srgb,var(--green) 50%,transparent);background:color-mix(in srgb,var(--green) 12%,transparent);white-space:nowrap}.cverified .check{font-weight:900}.recipe-card .rc-verified{color:var(--green);font-weight:700}.votebar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.75rem 1rem;margin:1.5rem 0 0}.votebar .vb-label{font-weight:600}.votebar .vb-buttons{display:flex;gap:.6rem}.vb-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.95rem;font-weight:600;padding:.4rem .85rem;border-radius:999px;border:1px solid var(--line);background:var(--panel2);color:var(--text);cursor:pointer;transition:border-color .12s ease,background .12s ease}.vb-btn .vb-thumb{font-size:1.05rem;line-height:1}.vb-btn .vb-count{min-width:1.2ch;text-align:right;color:var(--sub)}.vb-btn.up:hover{border-color:color-mix(in srgb,var(--green) 55%,transparent)}.vb-btn.down:hover{border-color:color-mix(in srgb,var(--red) 55%,transparent)}.vb-btn.up[aria-pressed=true]{background:color-mix(in srgb,var(--green) 16%,transparent);border-color:var(--green);color:var(--green)}.vb-btn.up[aria-pressed=true] .vb-count{color:var(--green)}.vb-btn.down[aria-pressed=true]{background:color-mix(in srgb,var(--red) 16%,transparent);border-color:var(--red);color:var(--red)}.vb-btn.down[aria-pressed=true] .vb-count{color:var(--red)}.votebar .vb-status{font-size:.82rem;color:var(--sub)}.votebar.offline{opacity:.85}.votebar.offline .vb-btn{cursor:default}.guides{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.guides li a{display:flex;align-items:center;gap:.6rem;padding:.6rem .85rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel2);color:var(--text)}.guides li a:hover{text-decoration:none;border-color:var(--sub)}.guides .src{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--cyan);flex:none}.guides .arr{margin-left:auto;color:var(--sub)}.btn.cyan{border-color:color-mix(in srgb,var(--cyan) 45%,transparent);color:var(--cyan)}.btn.cyan:hover{border-color:var(--cyan)}.btn.green{border-color:color-mix(in srgb,var(--green) 45%,transparent);color:var(--green)}.btn.green:hover{border-color:var(--green)}.feature-list{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.feature-list li{font-family:var(--mono);font-size:.82rem;color:var(--sub);border:1px solid var(--line);border-radius:999px;padding:.3rem .8rem;background:var(--panel)}@media(max-width:760px){.wrap{padding:0 1rem}.site-header .wrap{height:auto;flex-wrap:wrap;gap:.75rem 1rem;padding-top:.7rem;padding-bottom:.7rem}.nav{width:100%;margin-left:0;gap:1rem;flex-wrap:wrap;font-size:.9rem}.hero{padding:2.5rem 0 1.75rem}.section{padding:2rem 0}.btn-row{width:100%}.btn-row .btn{flex:1 1 auto;text-align:center}.pipeline{grid-template-columns:1fr}.pipeline .transit{flex-direction:row;border-left:none;border-right:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.6rem 1rem}.pipeline .transit .arrow{transform:rotate(90deg)}.scope,.grid.two{grid-template-columns:1fr}.kv{grid-template-columns:1fr;gap:.1rem 0}.kv dt{margin-top:.6rem}.recipe-head{padding-top:1.75rem}.site-footer .wrap{flex-direction:column;gap:.5rem}}@media(max-width:460px){.hero h1{font-size:1.7rem}.brand{font-size:1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
