@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/anton-vietnamese-400-normal.CkBxLiRJ.woff2) format("woff2"),url(/_astro/anton-vietnamese-400-normal.2FfR1wHA.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/anton-latin-ext-400-normal.SyiqE2Jt.woff2) format("woff2"),url(/_astro/anton-latin-ext-400-normal.BMODBQc6.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/anton-latin-400-normal.Byf51wtH.woff2) format("woff2"),url(/_astro/anton-latin-400-normal.AUNGEG_V.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/barlow-vietnamese-400-normal.Dpl4UHAZ.woff2) format("woff2"),url(/_astro/barlow-vietnamese-400-normal.BFeobeCK.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/barlow-latin-ext-400-normal.HxX4XjxC.woff2) format("woff2"),url(/_astro/barlow-latin-ext-400-normal.CvBsJvxq.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/barlow-latin-400-normal.qiz4-Cze.woff2) format("woff2"),url(/_astro/barlow-latin-400-normal.fsAxiSwU.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/barlow-vietnamese-600-normal.DcjprdFV.woff2) format("woff2"),url(/_astro/barlow-vietnamese-600-normal.CA_GiK2e.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/barlow-latin-ext-600-normal.B8NK_A3D.woff2) format("woff2"),url(/_astro/barlow-latin-ext-600-normal.DMVRjfRT.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/barlow-latin-600-normal.DILqtrty.woff2) format("woff2"),url(/_astro/barlow-latin-600-normal.CNwfPWQD.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/barlow-vietnamese-700-normal.D6euyNzi.woff2) format("woff2"),url(/_astro/barlow-vietnamese-700-normal.4Jt4k04K.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/barlow-latin-ext-700-normal.BLuWmldJ.woff2) format("woff2"),url(/_astro/barlow-latin-ext-700-normal.CctuGmmz.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/barlow-latin-700-normal.A9pxMQ4z.woff2) format("woff2"),url(/_astro/barlow-latin-700-normal.__SGTsZ1.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/barlow-condensed-vietnamese-600-normal.A5AYRdjN.woff2) format("woff2"),url(/_astro/barlow-condensed-vietnamese-600-normal.CNlPk46_.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/barlow-condensed-latin-ext-600-normal.18ESti3H.woff2) format("woff2"),url(/_astro/barlow-condensed-latin-ext-600-normal.Clv9cIcR.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/barlow-condensed-latin-600-normal.DepVgxBB.woff2) format("woff2"),url(/_astro/barlow-condensed-latin-600-normal.BFJEwTuo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper: #ece8e1;--card: #f8f6f2;--ink: #0f1923;--night: #111823;--ink-2: #1c2834;--ink-3: #31404e;--red: #ff4655;--mist: #ece8e1;--grey: #768079;--muted: #535d58;--muted-on-ink: #bdbcb7;--line: #cdc8bf;--line-dark: rgb(236 232 225 / .2);--ok: #3ddcb4;--display: "Anton", "Arial Narrow", Impact, sans-serif;--body: "Barlow", "Segoe UI", system-ui, sans-serif;--label: "Barlow Condensed", "Arial Narrow", sans-serif;--mono: ui-monospace, "Cascadia Mono", Consolas, "Liberation Mono", monospace;--cut: 14px;--wrap: 1180px;--gutter: 16px;--slide: var(--ink);--slide-text: var(--mist);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip;counter-reset:sec}img,svg{display:block;max-width:100%}img{height:auto}a{color:inherit;text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:2px;text-underline-offset:3px}a:hover{text-decoration-thickness:4px}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1;letter-spacing:.01em;text-transform:uppercase;margin:0;text-wrap:balance}h2{font-size:clamp(1.9rem,1.4rem + 2.2vw,3rem)}h3{font-size:1.35rem;line-height:1.1}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--red);outline-offset:2px}.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}.skip{position:absolute;left:8px;top:-60px;z-index:20;background:var(--red);color:var(--ink);padding:10px 14px;font-weight:700}.skip:focus{top:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cut{clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)))}.cut :focus-visible,.cut:focus-visible{outline-offset:-4px}.band{position:relative;background:var(--ink);color:var(--mist);padding-bottom:84px;overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 34px),0 100%);--slide: var(--mist);--slide-text: var(--ink)}.band--flat{padding-bottom:60px}.band :focus-visible{outline-color:var(--mist)}.band__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34}.band:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 0%,rgb(15 25 35 / .86) 42%,rgb(15 25 35 / .35) 100%);pointer-events:none}.band>*{position:relative;z-index:1}.band>.band__bg{position:absolute;z-index:0}.band__figure{position:absolute;z-index:0;top:52px;right:max(-40px,calc(50% - 640px));height:clamp(420px,150%,760px);width:auto;max-width:none;opacity:.3;pointer-events:none}@media(min-width:1080px){.band__figure{opacity:1;z-index:1}}.top{display:flex;flex-wrap:wrap;align-items:center;gap:6px 24px;padding-block:14px}.top:after{content:"";position:absolute;left:var(--gutter);right:var(--gutter);bottom:0;height:1px;background:linear-gradient(90deg,var(--red) 0 6px,var(--line-dark) 6px)}.wordmark{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-size:1.6rem;letter-spacing:.03em;text-transform:uppercase;text-decoration:none;line-height:1;color:var(--mist)}.wordmark svg{flex:none}.wordmark span span{color:var(--red)}.nav{display:flex;gap:2px;margin-left:auto;overflow-x:auto;max-width:100%;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{flex:none;padding:8px 11px;font-family:var(--label);font-weight:600;font-size:1.02rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;white-space:nowrap;border-bottom:3px solid transparent}.nav a:hover{border-bottom-color:var(--line-dark)}.nav a[aria-current=page]{border-bottom-color:var(--red)}.band__head{padding-top:clamp(22px,4vw,48px);max-width:820px}.band h1{font-size:clamp(2.6rem,1.4rem + 6vw,5.6rem);line-height:.95}.band .lede{margin-top:16px;font-size:clamp(1.05rem,1rem + .4vw,1.25rem);line-height:1.45;color:#d6d3cd;max-width:56ch}.crumbs ol{display:flex;flex-wrap:wrap;gap:4px 8px;list-style:none;margin:0 0 14px;padding:0;font-family:var(--label);font-weight:600;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase}.crumbs li+li:before{content:"/";margin-right:8px;color:var(--red)}.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline;text-decoration-color:var(--red)}.crumbs [aria-current]{color:var(--muted-on-ink)}.stage{position:relative;z-index:2;margin-top:-62px}main{padding-bottom:72px}.section{margin-top:clamp(48px,6vw,88px)}.section__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 24px;margin-bottom:22px}.section__head p{color:var(--muted);max-width:60ch;margin-top:8px}.kicker,.section__head p.kicker{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-family:var(--label);font-weight:600;font-size:.95rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.kicker:before{counter-increment:sec;content:counter(sec,decimal-leading-zero) " /";color:var(--red)}.kicker:after{content:"";width:44px;height:1px;background:currentColor;opacity:.5}.more{font-family:var(--label);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.section--dark{position:relative;background:var(--ink);color:var(--mist);padding-block:clamp(40px,6vw,72px);box-shadow:0 0 0 100vmax var(--ink);clip-path:inset(0 -100vmax);--slide: var(--mist);--slide-text: var(--ink)}.section--dark .section__head p,.section--dark .section__head p.kicker{color:var(--muted-on-ink)}.section--dark :focus-visible{outline-color:var(--mist)}.shade-rule{height:7px;margin-top:clamp(48px,6vw,88px);background:linear-gradient(var(--red),var(--red)) left center / 7px 7px no-repeat,linear-gradient(var(--ink),var(--ink)) right center / 7px 7px no-repeat,linear-gradient(var(--line),var(--line)) center / 100% 1px no-repeat}.btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:9px 22px;border:0;background:var(--red);color:var(--ink);font-family:var(--label);font-weight:600;font-size:1.08rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));transition:color .2s}.btn:before{content:"";position:absolute;inset:0 -14px;z-index:-1;background:var(--slide);transform:translate(-102%) skew(-14deg);transition:transform .26s cubic-bezier(.3,.7,.2,1)}.btn:hover:not([disabled]),.btn:focus-visible{color:var(--slide-text)}.btn:hover:not([disabled]):before,.btn:focus-visible:before{transform:translate(0) skew(-14deg)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline-offset:-4px;outline-color:var(--red)}.btn--quiet,.btn--uv{background:transparent;color:inherit;box-shadow:inset 0 0 0 1px currentColor}.btn--small{min-height:38px;padding:6px 15px;font-size:.98rem}.btn[data-copied],.btn[data-copied]:hover{background:var(--ok);color:var(--ink);box-shadow:none}.btn[data-copied]:before{display:none}.btn[disabled]{opacity:.4;cursor:not-allowed}.console{background:var(--night);color:var(--mist);box-shadow:inset 0 0 0 1px var(--line-dark),inset 0 3px 0 var(--red);--cut: 20px;--slide: var(--mist);--slide-text: var(--ink)}.console :focus-visible{outline-color:var(--mist)}.console__bar{display:flex;align-items:center;gap:4px;padding:14px 14px 0;font-family:var(--label);font-weight:600;font-size:.9rem;letter-spacing:.1em;text-transform:uppercase}.console__tab{padding:3px 10px;color:var(--muted-on-ink);opacity:.7;border-bottom:2px solid transparent}.console__tab[data-on]{color:var(--mist);opacity:1;border-bottom-color:var(--red)}.console__meta{margin-left:auto;padding-right:14px;color:var(--muted-on-ink)}.console__body{padding:14px}.chatline{font-size:.92rem;line-height:1.55;color:var(--muted-on-ink);overflow-wrap:anywhere}.chatline b{font-weight:600}.chatline .all{color:var(--red)}.chatline .team{color:#6fd3ff}.chatline .me{color:var(--mist)}.art{width:100%;height:auto;color:var(--mist);shape-rendering:crispEdges}.console__art{margin-top:6px;max-width:520px}.console__foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:0 14px 18px}.console__foot .hint{font-size:.88rem;color:var(--muted-on-ink)}@media(prefers-reduced-motion:no-preference){.console--live .art{animation:art-in .9s steps(13,end) both .35s}@keyframes art-in{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,248px),1fr));gap:16px;list-style:none;margin:0;padding:0}.plate{display:flex;flex-direction:column;background:var(--card);height:100%}.plate__art{display:flex;align-items:center;flex:1;background:var(--ink);padding:14px;min-height:150px}.plate__art:hover .art{color:var(--red)}.plate__art .art{margin-inline:auto}.plate__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 10px 12px 26px}.plate__title{font-family:var(--label);font-weight:600;font-size:1.12rem;letter-spacing:.04em;text-transform:uppercase;line-height:1.15;color:var(--ink);text-decoration:none}a.plate__title:hover{text-decoration:underline;text-decoration-color:var(--red)}.plate__meta{display:block;font-family:var(--body);font-weight:400;font-size:.8rem;letter-spacing:0;text-transform:none;color:var(--muted);margin-top:2px}.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.chip{display:inline-flex;align-items:baseline;gap:8px;padding:7px 16px 7px 12px;background:var(--card);color:var(--ink);font-family:var(--label);font-weight:600;font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border-left:3px solid var(--red);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%)}.chip:hover,.chip[aria-current=page]{background:var(--red);color:var(--ink)}.chip:focus-visible{outline-offset:-4px;outline-color:var(--ink)}.chip small{font-family:var(--body);font-weight:500;font-size:.78rem;letter-spacing:0;opacity:.75}.toolrows{display:grid;gap:0;list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.section--dark .toolrows,.section--dark .toolrow{border-color:var(--line-dark)}.toolrow{display:grid;grid-template-columns:1fr;gap:4px 24px;align-items:center;padding:18px 12px;color:inherit;text-decoration:none;border-bottom:1px solid var(--line);transition:padding-left .2s}.toolrow:hover{background:var(--red);color:var(--ink);padding-left:24px}.toolrow:hover .toolrow__pitch,.toolrow:hover .toolrow__sample,.toolrow:hover .toolrow__sample .art{color:var(--ink)}.toolrow__name{font-family:var(--display);font-size:clamp(1.5rem,1.1rem + 1.6vw,2.2rem);line-height:1;text-transform:uppercase;letter-spacing:.01em}.toolrow__pitch{color:var(--muted);font-size:1rem}.section--dark .toolrow__pitch{color:var(--muted-on-ink)}.toolrow__sample{font-size:1.15rem;color:var(--red);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolrow__sample .art{color:var(--red)}@media(min-width:760px){.toolrow{grid-template-columns:250px minmax(0,1fr) 230px}.toolrow__sample{text-align:right}.toolrow__sample .art{margin-left:auto}}.reading{display:grid;gap:40px}@media(min-width:960px){.reading{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:64px;align-items:start}}.prose{max-width:68ch}.prose>*+*{margin-top:1em}.prose h2{margin-top:1.4em;font-size:clamp(1.6rem,1.3rem + 1.2vw,2.2rem)}.prose>h2:first-child{margin-top:0}.prose h3{margin-top:1.5em}.prose ul,.prose ol{padding-left:1.2em}.prose li+li{margin-top:.35em}.prose li::marker{color:var(--red);font-weight:700}.prose code,kbd{font-family:var(--mono);font-size:.85em;background:var(--card);padding:2px 6px}.prose table{width:100%;border-collapse:collapse;font-size:.97rem}.prose th{font-family:var(--label);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.prose th,.prose td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}.page{margin-top:40px}.updated{margin-top:18px;font-size:.9rem;color:var(--muted)}.faq h2{margin-bottom:14px;font-size:clamp(1.6rem,1.3rem + 1.2vw,2.2rem)}.faq details{border-bottom:1px solid var(--line)}.faq details:first-of-type{border-top:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;padding:14px 40px 14px 0;font-weight:600;line-height:1.35;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:6px;top:6px;font-family:var(--display);font-size:1.7rem;color:var(--red)}.faq details[open] summary:after{content:"–"}.faq details p{padding:0 0 16px;color:#2a343d}.artpage{display:grid;gap:24px}@media(min-width:900px){.artpage{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;align-items:start}}.facts{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:18px 0 0;font-size:.97rem}.facts dt{font-family:var(--label);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.facts dd{margin:0;font-weight:600}.rawtext{margin-top:18px}.rawtext summary{cursor:pointer;font-weight:600}.rawtext pre{margin:10px 0 0;padding:12px;background:var(--card);font-size:.7rem;line-height:1.15;overflow-x:auto;font-family:var(--mono)}.artpage__side{background:var(--card);padding:22px 22px 26px;box-shadow:inset 0 3px 0 var(--role, var(--red))}.artpage__side h2{font-size:1.7rem}.artpage__side p{margin-top:10px}.tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:16px 0 0}.tags a,.tags span{display:inline-flex;align-items:center;gap:8px;padding:3px 11px;background:var(--paper);color:var(--ink);font-family:var(--label);font-weight:600;font-size:.98rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}.tags a:hover{background:var(--red)}.agentgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,168px),1fr));gap:10px;list-style:none;margin:0;padding:0}.agent{display:grid;grid-template-columns:52px 1fr;gap:0 10px;align-items:center;padding:8px 10px 8px 8px;background:var(--card);color:var(--ink);text-decoration:none;border-left:4px solid var(--role, var(--red))}.agent img{grid-row:span 2;width:52px;height:52px;background:var(--ink)}a.agent:hover{background:var(--ink);color:var(--mist)}.agent__name{align-self:end;font-family:var(--display);font-size:1.3rem;line-height:1.05;text-transform:uppercase;letter-spacing:.02em}.agent__role{align-self:start;font-family:var(--label);font-weight:600;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}a.agent:hover .agent__role{color:var(--muted-on-ink)}[data-role=duelist]{--role: var(--red)}[data-role=initiator]{--role: var(--ok)}[data-role=controller]{--role: #6fb4ff}[data-role=sentinel]{--role: var(--grey)}.panel--ink [data-role=sentinel]{--role: var(--muted-on-ink)}.panel{background:var(--card);padding:clamp(16px,3vw,28px);box-shadow:inset 0 3px 0 var(--red);--cut: 20px}.panel--ink{background:var(--night);color:var(--mist);box-shadow:inset 0 0 0 1px var(--line-dark),inset 0 3px 0 var(--red);--slide: var(--mist);--slide-text: var(--ink)}.panel--ink :focus-visible{outline-color:var(--mist)}.field{display:grid;gap:6px}.field label,.legend{font-family:var(--label);font-weight:600;font-size:1rem;letter-spacing:.1em;text-transform:uppercase}.input,.textarea,.select{width:100%;min-height:48px;padding:10px 12px;background:var(--paper);border:1px solid var(--ink);border-radius:0;font-size:1.1rem}.textarea{resize:vertical;min-height:84px}.panel--ink .input,.panel--ink .textarea{background:var(--ink-2);border-color:var(--ink-3);color:var(--mist)}.input:focus-visible,.textarea:focus-visible,.select:focus-visible{outline-offset:0}.options{display:flex;flex-wrap:wrap;gap:6px;border:0;margin:0;padding:0}.options legend{padding:0;margin-bottom:6px}.opt{position:relative}.opt input{position:absolute;inset:0;opacity:0;cursor:pointer}.opt span{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 14px;background:var(--paper);font-weight:600;font-size:.97rem;box-shadow:inset 0 0 0 1px var(--line)}.opt input:checked+span{background:var(--ink);color:var(--mist);box-shadow:inset 0 -3px 0 var(--red)}.opt input:focus-visible+span{outline:3px solid var(--red);outline-offset:2px}.opt input:disabled+span{opacity:.4}.panel--ink .opt span{background:var(--ink-2);color:var(--muted-on-ink);box-shadow:inset 0 0 0 1px var(--ink-3)}.panel--ink .opt input:checked+span{background:var(--mist);color:var(--ink);box-shadow:inset 0 -3px 0 var(--red)}.panel--ink .opt input:focus-visible+span{outline-color:var(--mist)}.stack{display:grid;gap:16px}.row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.meter{color:var(--muted-on-ink)}.meter b{color:var(--ok);font-weight:600}.meter[data-over] b{color:var(--red)}.notice{padding:10px 12px;font-size:.95rem;background:var(--ink-2);border-left:3px solid var(--red)}.panel:not(.panel--ink) .notice{background:var(--paper)}.gen{display:grid;gap:12px;grid-template-areas:"input" "preview" "options"}.gen__input{grid-area:input}.gen__preview{grid-area:preview}.gen__options{grid-area:options;box-shadow:none}.gen__preview .console__art{max-height:min(60vh,470px);overflow-y:auto}@media(min-width:900px){.gen{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:"input preview" "options preview";grid-template-rows:auto 1fr;gap:0 16px;align-items:start}.gen__preview{position:sticky;top:16px}}.results{display:grid;gap:0;list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.result__text{font-size:1.3rem;line-height:1.35;overflow-wrap:anywhere}.result__label{grid-column:1 / -1;font-family:var(--label);font-weight:600;font-size:.88rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.namegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:6px;list-style:none;margin:14px 0 0;padding:0}.copycell{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;padding:8px 12px;background:var(--card);border:0;border-left:3px solid var(--line);text-align:left;font-weight:600;cursor:pointer}.copycell:after{content:attr(data-hint);font-family:var(--label);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.copycell:hover{background:var(--ink);color:var(--mist);border-left-color:var(--red)}.copycell:hover:after{color:var(--muted-on-ink)}.copycell[data-copied]{background:var(--ok);color:var(--ink);border-left-color:var(--ink)}.copycell[data-copied]:after{content:attr(data-done);color:var(--ink)}.panel .copycell{background:var(--paper)}.panel .copycell:hover{background:var(--ink)}.panel .copycell[data-copied]{background:var(--ok)}.symgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:4px;list-style:none;margin:12px 0 0;padding:0}.sym{display:grid;place-items:center;width:100%;min-height:52px;padding:4px 8px;background:var(--paper);border:0;font-size:1.45rem;line-height:1;cursor:pointer;font-family:"Segoe UI Symbol","Noto Sans Symbols 2","Apple Symbols",var(--body)}.sym--wide{grid-column:span 3}.sym--wide .sym{font-size:1rem}.sym:hover{background:var(--ink);color:var(--mist)}.sym[data-copied]{background:var(--ok);color:var(--ink)}.group+.group{margin-top:36px}.group>p{color:var(--muted);margin-top:6px;max-width:70ch}.tray{position:sticky;bottom:12px;z-index:5;margin-top:28px}.tray__inner{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;background:var(--ink);color:var(--mist);--slide: var(--mist);--slide-text: var(--ink)}.tray__text{flex:1;min-width:120px;font-size:1.25rem;overflow-wrap:anywhere}.tray__text:empty:before{content:attr(data-empty);font-size:.95rem;color:var(--muted-on-ink)}.draw{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:10px;list-style:none;margin:0;padding:0}.card{display:grid;gap:2px;align-content:end;min-height:300px;padding:14px;background:linear-gradient(180deg,var(--ink-3),var(--ink-2));border-top:4px solid var(--role, var(--red));position:relative;overflow:hidden}.card__mono{position:absolute;top:0;right:8px;font-family:var(--display);font-size:5.4rem;line-height:1.05;color:var(--ink-3);text-transform:uppercase}.card__img{position:absolute;left:50%;top:6px;height:150%;width:auto;max-width:none;transform:translate(-50%)}.card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,var(--night) 70%)}.card__slot,.card__name,.card__role{position:relative;z-index:1}.card__slot{font-family:var(--label);font-weight:600;font-size:.88rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-on-ink)}.card__name{font-family:var(--display);font-size:2rem;line-height:1;text-transform:uppercase;letter-spacing:.02em;color:var(--mist)}.card__role{font-family:var(--label);font-weight:600;font-size:.98rem;letter-spacing:.1em;text-transform:uppercase;color:var(--role, var(--red))}.card--empty{border-top-color:var(--ink-3);background:var(--ink-2)}.card--empty:after{display:none}@media(prefers-reduced-motion:no-preference){.card[data-fresh]{animation:deal .28s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i, 0) * 70ms)}@keyframes deal{0%{transform:translateY(14px);opacity:0}}}.roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}.roster .opt span{flex-direction:column;gap:2px;width:100%;padding:4px 2px 5px;font-family:var(--label);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;text-align:center}.roster img{width:48px;height:48px}.roster .opt input:not(:checked)+span img{filter:grayscale(1);opacity:.35}.tabs{display:flex;gap:4px;margin-bottom:14px;border-bottom:1px solid var(--line-dark)}.tab{min-height:44px;padding:8px 16px;border:0;background:none;color:var(--muted-on-ink);font-family:var(--label);font-weight:600;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px}.tab[aria-selected=true]{color:var(--mist);border-bottom-color:var(--red)}.guesses{width:100%;border-collapse:separate;border-spacing:4px;font-size:.92rem}.guesses th{font-family:var(--label);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-on-ink);text-align:left;font-size:.85rem;padding:0 6px 2px}.guesses td{padding:9px 8px;background:var(--ink-2);line-height:1.2;overflow-wrap:anywhere}.guesses td[data-hint=match]{background:var(--ok);color:var(--ink);font-weight:700}.guesses td[data-hint=higher],.guesses td[data-hint=lower]{box-shadow:inset 0 0 0 1px var(--muted-on-ink)}.guesses td:first-child{font-weight:700;color:var(--mist);background:none;padding:0 6px 0 0}.who{display:flex;align-items:center;gap:8px}.who img{width:40px;height:40px;flex:none;background:var(--ink-2)}.scroll-x{overflow-x:auto}.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:8px}.choice{display:flex;align-items:center;gap:10px;min-height:60px;padding:6px 12px 6px 6px;border:0;background:var(--ink-2);color:var(--mist);font-family:var(--display);font-size:1.3rem;text-transform:uppercase;letter-spacing:.02em;text-align:left;cursor:pointer;border-left:4px solid var(--ink-3)}.choice img{width:48px;height:48px;flex:none}.choice:hover:not([disabled]){background:var(--ink-3);border-left-color:var(--red)}.choice[data-state=right]{background:var(--ok);color:var(--ink);border-left-color:var(--ink)}.choice[data-state=wrong]{background:var(--red);color:var(--ink);border-left-color:var(--ink)}.bigword{font-family:var(--display);font-size:clamp(2.2rem,1.4rem + 4vw,3.8rem);line-height:1;text-transform:uppercase;letter-spacing:.01em;color:var(--mist)}.ability-q{display:flex;align-items:center;gap:16px}.ability-q img{width:72px;height:72px;flex:none}.reveal{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:end}.reveal img{width:150px;height:180px;object-fit:cover;object-position:top;background:linear-gradient(180deg,var(--ink-3),var(--ink-2));border-bottom:4px solid var(--role, var(--red))}.dim{color:var(--muted-on-ink)}.panel:not(.panel--ink) .dim{color:var(--muted)}.grid-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:24px 0 0;border-top:1px solid var(--line)}.grid-facts div{padding:14px 12px 0 0}.grid-facts div+div{padding-left:12px;border-left:1px solid var(--line)}.grid-facts dt{font-family:var(--display);font-size:clamp(2.4rem,1.6rem + 3vw,3.6rem);line-height:1;color:var(--ink)}.grid-facts dt:after{content:"";display:inline-block;width:8px;height:8px;margin-left:6px;background:var(--red)}.grid-facts dd{margin:6px 0 0;font-size:.9rem;line-height:1.3;color:var(--muted)}.lineup{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(132px,1fr);gap:8px;list-style:none;margin:0;padding:0 0 6px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--red) var(--ink-2)}.lineup a{position:relative;display:block;height:250px;overflow:hidden;background:linear-gradient(180deg,var(--ink-3),var(--ink-2));border-bottom:4px solid var(--role, var(--red));color:var(--mist);text-decoration:none;scroll-snap-align:start}.lineup img{position:absolute;left:50%;top:4px;height:150%;width:auto;max-width:none;transform:translate(-50%);transition:transform .3s}.lineup a:hover img{transform:translate(-50%) scale(1.06)}.lineup span{position:absolute;inset:auto 0 0;padding:30px 10px 8px;background:linear-gradient(180deg,transparent,var(--night) 75%);font-family:var(--display);font-size:1.35rem;text-transform:uppercase;letter-spacing:.02em}.lineup small{display:block;font-family:var(--label);font-weight:600;font-size:.85rem;letter-spacing:.1em;color:var(--role, var(--red))}.ranks{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:6px;list-style:none;margin:14px 0 0;padding:0}.ranks li{display:grid;grid-template-columns:56px 1fr;gap:8px;align-items:center;background:var(--card);padding-left:8px}.ranks img{width:56px;height:56px}.ranks .copycell{border-left:0;background:none}.ranks .copycell:hover{background:var(--ink)}.ranks .copycell[data-copied]{background:var(--ok)}.ranks small{display:block;font-family:var(--label);font-weight:600;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.ranks .copycell:hover small{color:var(--muted-on-ink)}.abilities{display:grid;gap:6px;list-style:none;margin:10px 0 0;padding:0}.abilities li{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;font-weight:600}.abilities img{width:40px;height:40px;padding:5px;background:var(--ink)}.footer{background:var(--ink);color:var(--muted-on-ink);padding:60px 0 40px;font-size:.97rem;clip-path:polygon(0 34px,100% 0,100% 100%,0 100%);margin-top:40px}.footer a{color:var(--mist);text-decoration:none}.footer a:hover{text-decoration:underline;text-decoration-color:var(--red)}.footer :focus-visible{outline-color:var(--mist)}.footer__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:28px;padding-top:24px}.footer h2{font-family:var(--label);font-weight:600;font-size:.95rem;letter-spacing:.14em;color:var(--red);margin-bottom:10px}.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.footer__legal{margin-top:36px;padding-top:20px;border-top:1px solid var(--line-dark);display:grid;gap:10px;max-width:90ch;font-size:.92rem;line-height:1.5}.footer__legal small{font-size:.82rem}.consent{position:fixed;left:12px;right:12px;bottom:12px;z-index:30;display:flex;flex-wrap:wrap;align-items:center;gap:12px;max-width:560px;margin-inline:auto;padding:14px 16px;background:var(--ink);color:var(--mist);font-size:.95rem;box-shadow:inset 0 3px 0 var(--red);--slide: var(--mist);--slide-text: var(--ink)}.consent[hidden]{display:none}.consent p{flex:1;min-width:200px}.lbl-done,[data-copied]>.lbl{display:none}[data-copied]>.lbl-done{display:inline}@media(min-width:600px){:root{--gutter: 24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{transition:none!important}}