:root{--ink:#eae8e0;--muted:#96a4ac;--inactive:#97a4ad8c;--panel:#11181f;--border:#3e4e59;--accent:#4ed8ec;--positive:#86e19d;--negative:#ff8471;--gold:#f1bf60;--ivory:#e4dcc6;--amber:#ffb852;--rim:#060a0e;--rim-line:#060a0eb3;--inner-shadow:#0000002e;--lift-shadow:#0000005a;--focus-edge:#4fd8ecbf;--family-melee:#f1bf60;--family-ranged:#77b7eb;--family-energy:#b48ff0;--family-healing:#86e19d;--tier-1:#b2c2cc;--tier-2:#68da96;--tier-3:#6cb0ff;--tier-4:#c990f7;--victory-0:#384a57;--victory-1:#bac9d3;--victory-2:#68da96;--victory-3:#6cb0ff;--victory-4:#c990f7;--victory-5:#f1bf60;--surface-panel-top:#1b252e;--surface-panel-bottom:#0e141b;--surface-panel-bevel:#e6dfc628;--surface-panel-border:#3e4e59;--surface-card-top:#24303a;--surface-card-bottom:#141c24;--surface-card-bevel:#e6dfc628;--surface-card-border:#3e4e59;--surface-well-top:#0c1218;--surface-well-bottom:#18222b;--surface-well-bevel:#0000;--surface-well-border:#283640;--surface-button-top:#34434e;--surface-button-bottom:#1e2932;--surface-button-bevel:#e6dfc628;--surface-button-border:#3e4e59;--surface-hot-top:#2a606c;--surface-hot-bottom:#163a44;--surface-hot-bevel:#95edf846;--surface-hot-border:#46aaba;--surface-off-top:#1e2328;--surface-off-bottom:#161a1e;--surface-off-bevel:#eddbc80e;--surface-off-border:#282e34;--surface-glass-top:#1e2932d6;--surface-glass-bottom:#0c1218d6;--surface-glass-bevel:#e6dfc628;--surface-glass-border:#3e4e59;--font:"Barlow Semi Condensed", system-ui, sans-serif;--text-title:28px;--text-heading:20px;--text-body:17px;--text-label:15px;--text-small:14px;--text-caption:13px;--text-min:12px;--text-title-desktop:28px;--text-heading-desktop:22px;--text-body-desktop:20px;--text-label-desktop:18px;--text-small-desktop:16px;--text-caption-desktop:15px;--text-min-desktop:14px;--desktop-em:1.18;--cut-share:.22;--small-cut:.3;--bevel-share:.25;--edge-fade:.7;--tier-tint:.1;--bracket-share:.3;--cut-max:11px;--cut-min:2px;--edge-width:4px;--bracket-width:2px;--bracket-width-regular:2.5px;--bracket-min:6px;--bracket-max:16px;--focus-width:1.5px;--button-height:44px;--button-height-touch:48px;--button-height-desktop:44px}.plate{--top:var(--surface-panel-top);--bottom:var(--surface-panel-bottom);--bevel:var(--surface-panel-bevel);--edge:var(--surface-panel-border);--rim:var(--rim-line);--shade:var(--inner-shadow);--tint:transparent;--tint-share:0%;--strip:transparent;--strip-width:0px;--mark-color:transparent;--mark-width:0px;--side:100vmax;--cut:clamp(var(--cut-min), calc(var(--side) * var(--cut-share)), var(--cut-cap));isolation:isolate;position:relative}.plate:before{content:"";z-index:-1;pointer-events:none;--C:calc(var(--cut) + .59px);--S:calc(var(--cut) * var(--small-cut) + .59px);--dC:calc(var(--C) * .7071);--dS:calc(var(--S) * .7071);--fill-top:color-mix(in srgb, var(--top), var(--tint) calc(var(--tint-share) * 1.2));--fill-bottom:color-mix(in srgb, var(--bottom), var(--tint) calc(var(--tint-share) * .8));--mark:none;--mark-a:calc(1px + var(--mark-width));--mark-ring:linear-gradient(135deg, transparent calc(var(--dC) + .7px), var(--mark-color) calc(var(--dC) + 1.3px) calc(var(--dC) + var(--mark-a) - .3px), transparent calc(var(--dC) + var(--mark-a) + .3px)), linear-gradient(225deg, transparent calc(var(--dS) + .7px), var(--mark-color) calc(var(--dS) + 1.3px) calc(var(--dS) + var(--mark-a) - .3px), transparent calc(var(--dS) + var(--mark-a) + .3px)), linear-gradient(315deg, transparent calc(var(--dC) + .7px), var(--mark-color) calc(var(--dC) + 1.3px) calc(var(--dC) + var(--mark-a) - .3px), transparent calc(var(--dC) + var(--mark-a) + .3px)), linear-gradient(45deg, transparent calc(var(--dS) + .7px), var(--mark-color) calc(var(--dS) + 1.3px) calc(var(--dS) + var(--mark-a) - .3px), transparent calc(var(--dS) + var(--mark-a) + .3px)), linear-gradient(to bottom, transparent 1px, var(--mark-color) 1px var(--mark-a), transparent var(--mark-a) calc(100% - var(--mark-a)), var(--mark-color) calc(100% - var(--mark-a)) calc(100% - 1px), transparent calc(100% - 1px)), linear-gradient(to right, transparent 1px, var(--mark-color) 1px var(--mark-a), transparent var(--mark-a) calc(100% - var(--mark-a)), var(--mark-color) calc(100% - var(--mark-a)) calc(100% - 1px), transparent calc(100% - 1px));clip-path:polygon(var(--C) 0, calc(100% - var(--S)) 0, 100% var(--S), 100% calc(100% - var(--C)), calc(100% - var(--C)) 100%, var(--S) 100%, 0 calc(100% - var(--S)), 0 var(--C));background:var(--mark), linear-gradient(var(--bevel) 0 0) calc(var(--C) + 1px) 2px / calc(100% - var(--C) - 3px - var(--cut) * .3) 1px no-repeat, linear-gradient(var(--bevel) 0 0) 2px calc(var(--C) + 1px) / 1px calc(var(--bevel-share) * 100%) no-repeat, linear-gradient(135deg, var(--rim) calc(var(--dC) + .7px), var(--edge) calc(var(--dC) + 1.3px) calc(var(--dC) + 1.7px), var(--bevel) calc(var(--dC) + 2.3px) calc(var(--dC) + 2.7px), var(--shade) calc(var(--dC) + 3.2px) calc(var(--dC) + 3.3px), transparent calc(var(--dC) + 3.8px)), linear-gradient(225deg, var(--rim) calc(var(--dS) + .7px), var(--edge) calc(var(--dS) + 1.3px) calc(var(--dS) + 1.7px), var(--shade) calc(var(--dS) + 2.3px) calc(var(--dS) + 3.2px), transparent calc(var(--dS) + 3.8px)), linear-gradient(315deg, var(--rim) calc(var(--dC) + .7px), var(--edge) calc(var(--dC) + 1.3px) calc(var(--dC) + 1.7px), var(--shade) calc(var(--dC) + 2.3px) calc(var(--dC) + 3.2px), transparent calc(var(--dC) + 3.8px)), linear-gradient(45deg, var(--rim) calc(var(--dS) + .7px), var(--edge) calc(var(--dS) + 1.3px) calc(var(--dS) + 1.7px), var(--shade) calc(var(--dS) + 2.3px) calc(var(--dS) + 3.2px), transparent calc(var(--dS) + 3.8px)), linear-gradient(to bottom, var(--rim) 1px, var(--edge) 1px 2px, var(--shade) 2px 3.5px, transparent 3.5px calc(100% - 3.5px), var(--shade) calc(100% - 3.5px) calc(100% - 2px), var(--edge) calc(100% - 2px) calc(100% - 1px), var(--rim) calc(100% - 1px)), linear-gradient(to right, var(--rim) 1px, var(--edge) 1px 2px, var(--shade) 2px 3.5px, transparent 3.5px calc(100% - 3.5px), var(--shade) calc(100% - 3.5px) calc(100% - 2px), var(--edge) calc(100% - 2px) calc(100% - 1px), var(--rim) calc(100% - 1px)), linear-gradient(var(--strip), color-mix(in srgb, var(--strip) calc(var(--edge-fade) * 100%), transparent)) 2px 0 / var(--strip-width) 100% no-repeat, linear-gradient(var(--fill-top), var(--fill-bottom)) 1px 1px / calc(100% - 2px) calc(100% - 2px) no-repeat;position:absolute;inset:-1px}.plate.card{--top:var(--surface-card-top);--bottom:var(--surface-card-bottom);--bevel:var(--surface-card-bevel);--edge:var(--surface-card-border)}.plate.well{--top:var(--surface-well-top);--bottom:var(--surface-well-bottom);--bevel:var(--surface-well-bevel);--edge:var(--surface-well-border);--rim:transparent}.plate.glass{--top:var(--surface-glass-top);--bottom:var(--surface-glass-bottom);--bevel:var(--surface-glass-bevel);--edge:var(--surface-glass-border);--shade:transparent}.plate.button,.button-surface{--top:var(--surface-button-top);--bottom:var(--surface-button-bottom);--bevel:var(--surface-button-bevel);--edge:var(--surface-button-border)}.plate.off{--top:var(--surface-off-top);--bottom:var(--surface-off-bottom);--bevel:var(--surface-off-bevel);--edge:var(--surface-off-border)}.tier-1{--tier:var(--tier-1)}.tier-2{--tier:var(--tier-2)}.tier-3{--tier:var(--tier-3)}.tier-4{--tier:var(--tier-4)}.plate:is(.tier-1,.tier-2,.tier-3,.tier-4){--tint:var(--tier);--tint-share:calc(var(--tier-tint) * 100%);--strip:var(--tier);--strip-width:min(calc(var(--edge-width) * var(--em)), 20%)}.plate.is-selected,.is-selected>.plate{--mark-color:var(--ivory);--mark-width:2px}.plate:is(.is-selected,:hover,:focus-visible):before,:is(.is-selected,:hover,:focus-visible)>.plate:before{--mark:var(--mark-ring)}@media (hover:hover){a.plate:hover,a:hover>.plate{--mark-color:var(--accent);--mark-width:1px}}.plate:focus-visible,:focus-visible>.plate{--mark-color:var(--focus-edge);--mark-width:var(--focus-width)}.plate:focus-visible,:focus-visible>.plate,a.chip:focus-visible{outline:none}.plate:focus-visible:after,:focus-visible>.plate:after,a.chip:focus-visible:after{content:"";inset:calc(-1 * var(--bw));pointer-events:none;--arm:clamp(var(--arm-min), calc(var(--side) * var(--bracket-share)), var(--arm-max));background:linear-gradient(var(--accent) 0 0) left top / var(--arm) var(--bw), linear-gradient(var(--accent) 0 0) left top / var(--bw) var(--arm), linear-gradient(var(--accent) 0 0) right top / var(--arm) var(--bw), linear-gradient(var(--accent) 0 0) right top / var(--bw) var(--arm), linear-gradient(var(--accent) 0 0) right bottom / var(--arm) var(--bw), linear-gradient(var(--accent) 0 0) right bottom / var(--bw) var(--arm), linear-gradient(var(--accent) 0 0) left bottom / var(--arm) var(--bw), linear-gradient(var(--accent) 0 0) left bottom / var(--bw) var(--arm);background-repeat:no-repeat;animation:.14s ease-out snap;position:absolute}@keyframes snap{0%{inset:calc(-1 * var(--bw) - 6px);opacity:.4}}.button{--side:var(--button);min-height:var(--button);padding:0 calc(18px * var(--em));color:var(--ink);font:600 var(--t-body) / 1.1 var(--font);font-variant-numeric:tabular-nums;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.5em;text-decoration:none;display:inline-flex}.button.small{font-size:var(--t-label);padding:0 calc(14px * var(--em))}.button:focus-visible,.button.hot{--top:var(--surface-hot-top);--bottom:var(--surface-hot-bottom);--bevel:var(--surface-hot-bevel);--edge:var(--surface-hot-border)}@media (hover:hover){.button:hover{--top:var(--surface-hot-top);--bottom:var(--surface-hot-bottom);--bevel:var(--surface-hot-bevel);--edge:var(--surface-hot-border)}}.button:active{translate:0 1px}.chip{--color:var(--muted);--h:calc(24px * var(--em));--side:var(--h);--c:calc(var(--h) * .28);--s:calc(var(--c) * var(--small-cut));--line:color-mix(in srgb, var(--color) 35%, transparent);--line-width:1px;isolation:isolate;height:var(--h);padding:0 calc(8px * var(--em));color:var(--color);font-size:var(--t-caption);white-space:nowrap;align-items:center;line-height:1;text-decoration:none;display:inline-flex;position:relative}.chip:before{content:"";z-index:-1;pointer-events:none;--dc:calc(var(--c) * .7071 + var(--line-width));--ds:calc(var(--s) * .7071 + var(--line-width));clip-path:polygon(var(--c) 0, calc(100% - var(--s)) 0, 100% var(--s), 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, var(--s) 100%, 0 calc(100% - var(--s)), 0 var(--c));background:linear-gradient(135deg, var(--line) calc(var(--dc) - .3px), transparent calc(var(--dc) + .3px)), linear-gradient(225deg, var(--line) calc(var(--ds) - .3px), transparent calc(var(--ds) + .3px)), linear-gradient(315deg, var(--line) calc(var(--dc) - .3px), transparent calc(var(--dc) + .3px)), linear-gradient(45deg, var(--line) calc(var(--ds) - .3px), transparent calc(var(--ds) + .3px)), linear-gradient(to bottom, var(--line) var(--line-width), transparent var(--line-width) calc(100% - var(--line-width)), var(--line) calc(100% - var(--line-width))), linear-gradient(to right, var(--line) var(--line-width), transparent var(--line-width) calc(100% - var(--line-width)), var(--line) calc(100% - var(--line-width))), color-mix(in srgb, var(--color) 16%, transparent);position:absolute;inset:0}@media (hover:hover){a.chip:hover{--line:color-mix(in srgb, var(--color) 70%, transparent)}}a.chip:focus-visible{--line:var(--focus-edge);--line-width:var(--focus-width)}.chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cut-fill{--c:calc(1em * .4);--s:calc(var(--c) * var(--small-cut));clip-path:polygon(var(--c) 0, calc(100% - var(--s)) 0, 100% var(--s), 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, var(--s) 100%, 0 calc(100% - var(--s)), 0 var(--c))}.inspect{grid-template-columns:calc(96px * var(--em)) minmax(0, 1fr);gap:var(--pad) calc(var(--pad) * 1.5);padding:calc(var(--pad) * 1.25);grid-template-areas:"art head""body body";display:grid}@media (width>=600px){.inspect{padding:calc(var(--pad) * 2);grid-template:"art head""art body"1fr/minmax(150px,32%) minmax(0,1fr)}}.inspect-art{grid-area:art;align-self:start}.inspect-head{align-self:center;gap:calc(6px * var(--em));grid-area:head;display:grid}.inspect-body{align-content:start;gap:calc(var(--pad) * 1.25);grid-area:body;display:grid}.inspect-name{justify-content:space-between;align-items:baseline;gap:var(--pad);display:flex}.inspect-name h1{font-size:var(--t-title);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.limit{color:var(--muted);font-size:var(--t-caption);flex:none}.numeral{color:var(--tier);font-weight:600;font-size:var(--t-caption);font-variant-numeric:tabular-nums}.chips .numeral{margin-right:4px}.note{color:var(--accent)}.label{color:var(--muted);font-size:var(--t-small)}.stat-rows{margin:0;padding:0;display:grid}.stat-row{grid-template-columns:calc(22px * var(--em)) minmax(0, 1fr) auto;align-items:center;column-gap:calc(7px * var(--em));min-height:calc(30px * var(--em));display:grid}.stat-row+.stat-row{border-top:1px solid color-mix(in srgb, var(--border) 45%, transparent)}.stat-row img{width:calc(22px * var(--em));height:calc(22px * var(--em))}.stat-row dt{color:var(--muted);font-size:var(--t-label)}.stat-row dd{color:var(--tone);font-weight:600;font-size:var(--t-body);font-variant-numeric:tabular-nums;text-align:right;margin:0}.effects{gap:calc(5px * var(--em));margin:0;padding:0;list-style:none;display:grid}.effect .value{color:var(--tone)}.sentence .fine{color:var(--muted);font-size:var(--t-small);margin-top:2px;display:block}.lines{gap:calc(8px * var(--em));margin:0;padding:0;list-style:none;display:grid}.line{grid-template-columns:calc(34px * var(--em)) minmax(0, 1fr);align-items:start;display:grid}.mark{width:calc(30px * var(--em));height:calc(20px * var(--em));color:var(--ink);font-weight:600;font-size:var(--t-caption);font-variant-numeric:tabular-nums;--c:calc(20px * var(--em) * .28);place-items:center;display:grid}.mark-rank,.mark-count{background:color-mix(in srgb, var(--border) 70%, transparent)}.mark-next{color:var(--panel);background:var(--accent)}.mark-taken{color:var(--gold)}.mark-taken svg{width:20px;height:16px}.mark-open:before{content:"";border:1.5px solid var(--muted);width:9px;height:9px;rotate:45deg}.line-title{font-size:var(--t-label)}.line-title a{color:inherit}.line-title.muted{color:var(--muted)}.line-title a:hover{color:var(--accent)}.line-text{color:var(--muted);font-size:var(--t-small)}.line-text:only-child{color:var(--ink);font-size:var(--t-label)}.recipe{--size-max:calc(64px * var(--em));align-items:flex-start;width:100%;margin:0;padding:0;list-style:none;display:flex;container-type:inline-size}.recipe>li{--size:min(var(--size-max), calc(100cqi / var(--span,5.75)))}.recipe>li+li{margin-left:calc(var(--size) * .15)}.recipe-art{width:calc(var(--size) * 1.35);color:var(--ink);text-align:center;justify-items:center;gap:6px;text-decoration:none;display:grid}.recipe-art .plate{width:var(--size);height:var(--size);padding:10%;display:block}.recipe-art .plate img{width:100%;height:100%}.recipe-art .name{font-weight:600;font-size:var(--t-caption);-webkit-hyphens:auto;hyphens:auto;line-height:1.2}a.recipe-art:hover .name{color:var(--accent)}.recipe-art:focus-visible{outline:none}.recipe-symbol{width:calc(var(--size) * .55);height:var(--size);color:var(--muted);flex:none}.slots{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.slot{--side:calc(30px * var(--em));--mark-color:var(--gold);--mark-width:1.5px;--rim:transparent;width:var(--side);height:var(--side);color:var(--gold);place-items:center;display:grid}.slot:before{--mark:var(--mark-ring)}.slot svg{width:60%;height:60%}.rig{gap:6px;display:grid}.rig-note{color:var(--muted);font-size:var(--t-small)}.unlock{color:var(--gold);font-size:var(--t-label)}.unlock a{color:inherit}.reward{width:calc(80px * var(--em))}.detail{gap:calc(6px * var(--em));display:grid}.detail>.label{font-weight:600}.links{gap:var(--pad);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.neighbours{justify-content:space-between;gap:var(--gap);margin-top:var(--pad);display:flex}.neighbours .button{min-width:0;max-width:48%;padding:0 calc(12px * var(--em));font-size:var(--t-label)}.neighbours .button img{width:calc(28px * var(--em));height:calc(28px * var(--em));flex:none}.neighbours .button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.neighbours .arrow{color:var(--muted);flex:none}.entry{gap:calc(6px * var(--em));min-width:0;color:var(--ink);flex-direction:column;text-decoration:none;display:flex}.entry:focus-visible{outline:none}.tile{aspect-ratio:1;padding:11%;display:block}.tile img{width:100%;height:100%}.tile .numeral{top:calc(3px * var(--em));right:calc(5px * var(--em));line-height:1.1;position:absolute}.entry .name{font-weight:600;font-size:var(--t-caption);text-align:center;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;line-height:1.15}@media (hover:hover){.entry:hover .name{color:var(--accent)}}.tiles{grid-template-columns:repeat(auto-fill, minmax(calc(76px * var(--em)), 1fr));gap:calc(12px * var(--em)) var(--gap);margin:0;padding:0;list-style:none;display:grid}.tabs{gap:var(--gap);margin:0 calc(-1 * var(--gutter-end)) calc(var(--pad) * 1.5) calc(-1 * var(--gutter));padding:4px var(--gutter-end) 4px var(--gutter);overscroll-behavior-x:contain;scroll-padding-inline:var(--gutter) var(--gutter-end);scrollbar-width:none;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs .button{padding:0 calc(12px * var(--em));flex:1 0 auto;gap:.45em}.tabs .is-selected{scroll-initial-target:nearest}.tabs .count{color:var(--muted)}.tabs .is-selected .count{color:var(--ink)}.foot{left:var(--cut);right:var(--cut);height:calc(4px * var(--em));background:var(--ivory);clip-path:polygon(2px 0,100% 0,calc(100% - 2px) 100%,0 100%);position:absolute;bottom:3px}.button.is-selected{--top:var(--surface-hot-top);--bottom:var(--surface-hot-bottom);--bevel:var(--surface-hot-bevel)}.categories{grid-template-columns:repeat(auto-fill, minmax(min(100%, calc(240px * var(--em))), 1fr));gap:var(--pad);margin:0;padding:0;list-style:none;display:grid}.category{align-content:start;gap:var(--pad);height:100%;padding:var(--pad) calc(var(--pad) * 1.25) calc(var(--pad) * 1.25);color:var(--ink);text-decoration:none;display:grid}.category-head{justify-content:space-between;align-items:baseline;gap:var(--gap);display:flex}.category-head h2{font-size:var(--t-heading)}.category-head .count{color:var(--muted);font-size:var(--t-heading)}.category-art{gap:calc(5px * var(--em));grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.category-art .plate{--side:calc(40px * var(--em));aspect-ratio:1;padding:10%;display:block}.category-art img{width:100%;height:100%}@media (width<=599px){.category-art .plate:nth-child(n+7){display:none}}@media (width>=600px){.category-art{gap:calc(6px * var(--em));grid-template-columns:repeat(4,minmax(0,1fr))}.category-art .plate{--side:calc(60px * var(--em))}}@media (hover:hover){.category:hover .category-head h2{color:var(--accent)}}.category:focus-visible{outline:none}@font-face{font-family:Barlow Semi Condensed;src:url(/_astro/barlow-semi-condensed-regular.CuDQYU_6.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Barlow Semi Condensed;src:url(/_astro/barlow-semi-condensed-semibold.C3dYCIWx.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}:root{--em:1;--t-title:var(--text-title);--t-heading:var(--text-heading);--t-body:var(--text-body);--t-label:var(--text-label);--t-small:var(--text-small);--t-caption:var(--text-caption);--t-min:var(--text-min);--cut-cap:var(--cut-max);--bw:var(--bracket-width);--arm-min:var(--bracket-min);--arm-max:var(--bracket-max);--pad:calc(12px * var(--em));--gap:calc(8px * var(--em));--button:var(--button-height);--page-max:1180px;--gutter:max(16px, env(safe-area-inset-left));--gutter-end:max(16px, env(safe-area-inset-right));color-scheme:dark}@media (width>=960px) and (height>=600px){:root{--em:var(--desktop-em);--t-title:var(--text-title-desktop);--t-heading:var(--text-heading-desktop);--t-body:var(--text-body-desktop);--t-label:var(--text-label-desktop);--t-small:var(--text-small-desktop);--t-caption:var(--text-caption-desktop);--t-min:var(--text-min-desktop);--cut-cap:calc(var(--cut-max) * var(--desktop-em));--bw:var(--bracket-width-regular);--arm-min:calc(var(--bracket-min) * var(--desktop-em));--arm-max:calc(var(--bracket-max) * var(--desktop-em));--button:var(--button-height-desktop);--gutter:max(32px, env(safe-area-inset-left));--gutter-end:max(32px, env(safe-area-inset-right))}}@media (pointer:coarse){:root{--button:var(--button-height-touch)}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--surface-panel-bottom);color:var(--ink);font:400 var(--t-body) / 1.4 var(--font);-webkit-tap-highlight-color:transparent}body{background:radial-gradient(ellipse 110% 70vh at 50% 0, var(--surface-panel-top), transparent), linear-gradient(var(--panel), var(--surface-panel-bottom) 120vh);background-repeat:no-repeat;flex-direction:column;min-height:100dvh;margin:0;display:flex}main{flex:1;width:100%}img{max-width:100%;height:auto;display:block}a{color:var(--accent);text-underline-offset:.2em;text-decoration-thickness:1px}:focus-visible{outline:var(--focus-width) solid var(--focus-edge);outline-offset:2px}h1,h2,h3,p{margin:0}.display,h1,h2,h3{font-variant-numeric:tabular-nums;font-weight:600;line-height:1.15}.wrap{width:100%;max-width:calc(var(--page-max) + var(--gutter) + var(--gutter-end));padding-left:var(--gutter);padding-right:var(--gutter-end);margin-inline:auto}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{left:var(--gutter);z-index:10;position:absolute;top:8px;transform:translateY(-200%)}.skip:focus-visible{transform:none}.title{align-items:center;gap:calc(8px * var(--em));font-size:var(--t-title);color:var(--ink);font-weight:600;line-height:1.1;display:flex}.title:before{content:"";background:var(--accent);clip-path:polygon(calc(max(4px,.25em)/1.66667) 0,100% 0,100% 100%,0 100%,0 calc(max(4px,.25em)/1.66667));flex:none;align-self:center;width:max(4px,.25em);height:.8em}.title.heading{font-size:var(--t-heading)}.site-header{align-items:center;gap:var(--gap) var(--pad);padding-top:max(var(--pad), env(safe-area-inset-top));padding-bottom:var(--pad);grid-template-columns:auto 1fr auto;grid-template-areas:"brand.play""nav nav nav";display:grid}.brand{align-items:center;gap:calc(10px * var(--em));min-height:var(--button);color:var(--ink);grid-area:brand;text-decoration:none;display:flex}.brand img{width:calc(32px * var(--em));height:calc(32px * var(--em))}.brand-name{font-size:var(--t-heading);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-weight:600}.brand:focus-visible{outline-offset:4px}.site-header .cta{grid-area:play}.site-nav{grid-area:nav;justify-content:space-between;gap:2px;display:flex}.nav-link{min-height:var(--button);padding:0 calc(8px * var(--em));color:var(--muted);font-weight:600;font-size:var(--t-label);white-space:nowrap;flex:auto;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.nav-link.is-selected{color:var(--ink)}.nav-link.is-selected:after{content:"";left:calc(8px * var(--em));right:calc(8px * var(--em));height:calc(3px * var(--em));background:var(--ivory);clip-path:polygon(2px 0,100% 0,calc(100% - 2px) 100%,0 100%);position:absolute;bottom:4px}@media (hover:hover){.nav-link:hover{color:var(--accent)}}@media (width>=760px){.site-header{grid-template-columns:auto 1fr auto;grid-template-areas:"brand nav play"}.site-nav{justify-content:flex-end;gap:calc(4px * var(--em))}.nav-link{padding:0 calc(12px * var(--em));flex:none}.nav-link.is-selected:after{left:calc(12px * var(--em));right:calc(12px * var(--em))}}.button.cta{--top:var(--surface-hot-top);--bottom:var(--surface-hot-bottom);--bevel:var(--surface-hot-bevel);--edge:var(--surface-hot-border);white-space:nowrap}@media (hover:hover){.button.cta:hover{--mark-color:var(--accent);--mark-width:2px}}.narrow{max-width:1000px;margin-inline:auto}.site-footer{justify-content:center;align-items:center;gap:var(--gap) calc(var(--pad) * 1.5);margin-top:calc(var(--pad) * 4);padding-top:var(--pad);padding-bottom:max(calc(var(--pad) * 2), env(safe-area-inset-bottom));color:var(--muted);font-size:var(--t-small);flex-wrap:wrap;display:flex}.site-footer a{color:inherit}.version{font-weight:600;font-size:var(--t-min);font-variant-numeric:tabular-nums}.page-head{align-items:baseline;gap:var(--gap) var(--pad);margin:calc(var(--pad) * .5) 0 var(--pad);flex-wrap:wrap;display:flex}.page-head .count{color:var(--muted);font-size:var(--t-heading)}.section{margin-top:calc(var(--pad) * 3)}.section>.title{margin-bottom:var(--pad)}.crumbs{margin:0 0 var(--gap);font-size:var(--t-small);color:var(--muted);flex-wrap:wrap;gap:.4em;padding:0;list-style:none;display:flex}.crumbs li+li:before{content:"/";color:var(--inactive);margin-right:.4em}.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--ink)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}