@font-face{font-family:Fontin;src:url(/fonts/fontin-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fontin;src:url(/fonts/fontin-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Fontin SmallCaps;src:url(/fonts/fontin-smallcaps.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--void: #0b0e14;--void-deep: #070910;--panel: #14171f;--panel-raised: #1b1f29;--hairline: #2a2f3d;--border-tan: #7a6a4f;--currency: #aa9e82;--parchment: #c8c8c8;--muted: #7d8290;--normal: #c8c8c8;--magic: #8888ff;--rare: #ffff77;--unique: #af6025;--gem: #1ba29b;--blood: #a33;--display: "Fontin", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--smallcaps: "Fontin SmallCaps", "Fontin", Georgia, serif;--ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, monospace;--measure: 74rem;--step: clamp(.75rem, .5rem + 1vw, 1.25rem)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:radial-gradient(120% 80% at 50% -10%,#161b26 0%,transparent 60%),var(--void);color:var(--parchment);font-family:var(--ui);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.1;margin:0}a{color:var(--currency);text-decoration-color:color-mix(in srgb,var(--currency) 40%,transparent);text-underline-offset:3px}a:hover{color:var(--rare)}:focus-visible{outline:2px solid var(--gem);outline-offset:3px;border-radius:2px}button{font:inherit;cursor:pointer}.shell{max-width:var(--measure);margin:0 auto;padding:0 var(--step)}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:1.25rem var(--step);max-width:var(--measure);margin:0 auto;border-bottom:1px solid var(--hairline)}.wordmark{font-family:var(--display);font-size:1.35rem;letter-spacing:.02em;color:var(--parchment);text-decoration:none}.wordmark span{color:var(--unique)}.topbar nav{display:flex;gap:1.25rem;font-size:.85rem}.eyebrow{font-family:var(--smallcaps);font-size:.95rem;letter-spacing:.14em;color:var(--currency);margin:0 0 .75rem}.hero{padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(2rem,5vw,3.5rem);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(1.5rem,5vw,3.5rem);align-items:center}@media (max-width: 62rem){.hero{grid-template-columns:1fr}.hero-sample{display:none}}.hero-sample{position:relative}.hero-sample .tooltip{transform:scale(.86);transform-origin:top center}.hero-sample:after{content:"An example — yours will look worse";display:block;text-align:center;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:-1.5rem}.hero-sample .reveal{animation:none;opacity:1}.hero h1{font-size:clamp(2.4rem,7vw,4.5rem);max-width:16ch;letter-spacing:-.01em}.hero h1 em{font-style:normal;color:var(--unique)}.hero p.lede{max-width:52ch;color:var(--muted);margin:1.25rem 0 0;font-size:1.05rem}.assurance{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.5rem;padding:.4rem .85rem .4rem .7rem;border:1px solid color-mix(in srgb,var(--gem) 35%,transparent);border-radius:999px;background:color-mix(in srgb,var(--gem) 8%,transparent);color:color-mix(in srgb,var(--gem) 80%,white);font-size:.82rem}.assurance:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gem);box-shadow:0 0 8px var(--gem)}.routes{display:grid;grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));gap:1.25rem;padding-bottom:4rem}.route{border:1px solid var(--hairline);background:linear-gradient(180deg,var(--panel-raised),var(--panel));padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.route h2{font-size:1.4rem}.route p{margin:0;color:var(--muted);font-size:.92rem}.route ol{margin:0;padding-left:1.1rem;color:var(--muted);font-size:.9rem;display:grid;gap:.35rem}.route .spacer{flex:1}.drag-target{display:inline-block;align-self:flex-start;padding:.7rem 1.4rem;font-family:var(--display);font-size:1.1rem;color:var(--rare);background:var(--void-deep);border:1px solid var(--border-tan);text-decoration:none;cursor:grab;box-shadow:inset 0 0 24px #af60251f}.drag-target:hover{color:var(--rare);border-color:var(--rare)}.drag-target:active{cursor:grabbing}textarea{width:100%;min-height:9rem;resize:vertical;background:var(--void-deep);border:1px solid var(--hairline);color:var(--parchment);font-family:var(--mono);font-size:.82rem;line-height:1.5;padding:.8rem}textarea::placeholder{color:#4d5361}textarea:focus{border-color:var(--border-tan);outline:none}.btn{align-self:flex-start;padding:.65rem 1.4rem;background:var(--unique);color:#150c05;border:1px solid var(--unique);font-weight:600;letter-spacing:.01em;transition:filter .12s ease}.btn:hover:not(:disabled){filter:brightness(1.15)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--currency);border-color:var(--hairline)}.btn-ghost:hover:not(:disabled){border-color:var(--border-tan);color:var(--rare);filter:none}.tooltip{--rarity: var(--normal);max-width:30rem;margin:0 auto;background:#000000d1;border:1px solid color-mix(in srgb,var(--rarity) 45%,#000);box-shadow:0 0 0 1px #000000b3,0 24px 60px #0009,inset 0 0 60px color-mix(in srgb,var(--rarity) 7%,transparent);font-family:var(--display);text-align:center}.tooltip.is-mirrored{animation:shimmer 6s ease-in-out infinite}@keyframes shimmer{0%,to{box-shadow:0 0 0 1px #000000b3,0 24px 60px #0009,inset 0 0 60px color-mix(in srgb,var(--rarity) 7%,transparent)}50%{box-shadow:0 0 0 1px #000000b3,0 24px 70px #0009,inset 0 0 80px color-mix(in srgb,var(--rarity) 20%,transparent)}}.tooltip-head{padding:.9rem 1.25rem .8rem;background:linear-gradient(180deg,color-mix(in srgb,var(--rarity) 20%,transparent),transparent);border-bottom:1px solid color-mix(in srgb,var(--rarity) 25%,transparent)}.tooltip-head .item-name{display:block;color:var(--rarity);font-size:1.45rem;line-height:1.15}.tooltip-head .item-base{display:block;color:var(--rarity);opacity:.75;font-size:1.05rem}.tooltip-body{padding:1rem 1.25rem 1.25rem}.tooltip-total{font-size:clamp(2.6rem,9vw,3.6rem);color:var(--rare);font-variant-numeric:tabular-nums;line-height:1;margin:.35rem 0 .15rem;text-shadow:0 0 30px color-mix(in srgb,var(--rare) 25%,transparent)}.tooltip-total-label{font-family:var(--ui);font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--currency)}.tooltip-sep{height:1px;margin:.9rem 0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--border-tan) 70%,transparent),transparent)}.stat{color:var(--magic);font-size:1.02rem;margin:.15rem 0;font-variant-numeric:tabular-nums}.stat.is-affix{color:color-mix(in srgb,var(--magic) 78%,#000);font-size:.95rem}.stat b{font-weight:400;color:color-mix(in srgb,var(--magic) 70%,white)}.flavour{color:var(--unique);font-style:italic;font-size:.95rem;margin:.9rem 0 0;text-wrap:balance}.reveal{opacity:0;animation:reveal .38s ease-out forwards}@keyframes reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.reveal{animation:none;opacity:1}.tooltip.is-mirrored{animation:none}*{scroll-behavior:auto!important}}.results{padding:clamp(2rem,6vw,4rem) 0 5rem;display:grid;gap:3rem}.comparison{text-align:center;color:var(--muted);font-size:1.02rem;margin:-1.5rem 0 0;text-wrap:balance}.comparison strong{font-weight:400;color:var(--currency)}.actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-start}.actions.is-centred{justify-content:center}.section h2{font-size:1.6rem;margin-bottom:.35rem}:root{--reading: 38rem}.section-head{max-width:var(--reading);margin:0 0 1.5rem}.section-head h2{margin-bottom:.6rem}.section-head-intro>*{color:var(--muted);font-size:1rem;line-height:1.7;margin:0 0 .6rem;text-wrap:pretty}.section-head-intro>*:last-child{margin-bottom:0}.section>p{color:var(--muted);margin:0 0 1.25rem;font-size:.95rem;line-height:1.7;max-width:var(--reading)}.panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1.25rem}.panel{border:1px solid var(--hairline);background:var(--panel);padding:1.25rem}.panel h3{font-size:1.05rem;color:var(--currency);margin-bottom:.9rem}.bars{display:grid;gap:.45rem}.bar-row{display:grid;grid-template-columns:3.6rem 1fr auto;align-items:center;gap:.7rem;font-size:.85rem}.bar-key{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{display:block;height:.6rem;background:var(--void-deep);border:1px solid var(--hairline);overflow:hidden}.bar-fill{display:block;height:100%;background:linear-gradient(90deg,var(--unique),var(--currency))}.bar-value{color:var(--parchment);font-variant-numeric:tabular-nums;min-width:4.5rem;text-align:right}.bar-row.is-wide{grid-template-columns:minmax(5rem,8rem) 1fr auto}.table-wrap{overflow-x:auto;border:1px solid var(--hairline)}table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{padding:.55rem .85rem;text-align:left;border-bottom:1px solid var(--hairline);white-space:nowrap}th{background:var(--panel);color:var(--currency);font-weight:500;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;position:sticky;top:0}tbody tr:hover{background:var(--panel)}td.num{text-align:right;font-variant-numeric:tabular-nums}tr.is-excluded td{opacity:.35;text-decoration:line-through}.row-toggle{background:none;border:1px solid var(--hairline);color:var(--muted);width:1.5rem;height:1.5rem;line-height:1;padding:0}.row-toggle:hover{border-color:var(--border-tan);color:var(--rare)}.history .missing-list{list-style:none;margin:0 0 1.25rem;padding:0;display:grid;gap:1px;background:var(--hairline);border:1px solid var(--hairline);max-width:26rem}.history .missing-list li{display:flex;justify-content:space-between;gap:1rem;padding:.5rem .8rem;background:var(--panel);font-size:.9rem}.missing-price{color:var(--rare);font-variant-numeric:tabular-nums}.notice,.section>p.notice{border-left:2px solid var(--border-tan);padding:.6rem 0 .6rem 1rem;color:var(--muted);font-size:.88rem;margin:0;max-width:var(--reading);text-align:left}.notice.is-warning{border-left-color:var(--blood)}.unmatched-list{margin:.6rem 0 0;max-width:var(--reading);padding-left:1.1rem;color:var(--muted);font-family:var(--mono);font-size:.78rem;display:grid;gap:.2rem}.share-preview{display:block;max-width:min(100%,30rem);height:auto;margin:0 0 1.25rem;border:1px solid var(--hairline)}.field{display:grid;gap:.4rem;max-width:22rem}.field input{max-width:22rem}.field label{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--currency)}.field input{background:var(--void-deep);border:1px solid var(--hairline);color:var(--parchment);font:inherit;padding:.55rem .7rem}.field input:focus{border-color:var(--border-tan);outline:none}.rank{color:var(--muted);font-variant-numeric:tabular-nums}.rank-1{color:var(--rare)}.rank-2,.rank-3{color:var(--currency)}footer{border-top:1px solid var(--hairline);padding:2rem var(--step) 3rem;max-width:var(--measure);margin:0 auto;color:var(--muted);font-size:.82rem;display:grid;gap:.6rem;line-height:1.7}footer p{margin:0;max-width:78ch}.versions{font-family:var(--mono);font-size:.75rem;color:#5a5f6d;letter-spacing:.02em}footer code{font-family:var(--mono);font-size:.92em;color:var(--currency)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}