.home-hero{border-block-end:1px solid var(--line);min-block-size:0;min-inline-size:0;height:clamp(400px,48vh,500px);margin-inline:calc(50% - 50vw);position:relative;overflow:clip}body:has(.home-hero){overflow-x:hidden}.hero-art{position:absolute;inset:0}.hero-map{background-color:oklch(18.79% .0068 78.15);position:absolute;inset:0}.hero-map-mobile{display:none}.hero-art:after{content:"";background:linear-gradient(180deg, var(--bg) 0%, oklch(17.84% .0026 67.66/.45) 22%, oklch(17.84% .0026 67.66/.2) 48%, oklch(17.84% .0026 67.66/.62) 78%, var(--bg) 100%);position:absolute;inset:0}.hero-body{z-index:1;box-sizing:border-box;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:12px;max-width:1180px;height:100%;margin-block:0;margin-inline:auto;padding-block:30px 26px;padding-inline:20px;display:flex;position:relative}.hero-title{margin:0;line-height:0}.hero-title img{filter:drop-shadow(0 4px 16px oklch(0% 0 none/.8));width:auto;height:clamp(96px,15vh,132px)}.hero-promise{color:var(--ink);text-shadow:0 1px 8px oklch(0% 0 none/.9);margin:0;font-size:clamp(20px,3.4vw,34px);line-height:1.02}.hero-art{animation:hero-art .6s var(--ease-out) both}.hero-title,.hero-promise{animation:none}@media (prefers-reduced-motion:no-preference){.hero-title,.hero-promise{animation:hero-rise .45s var(--ease-out) both}}.hero-promise{animation-delay:.1s}@keyframes hero-art{0%{opacity:0}}@keyframes hero-rise{0%{opacity:0;transform:translateY(8px)}}.doors{gap:14px;margin-block-start:22px;display:grid}.door{background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius-lg);min-block-size:0;min-inline-size:0;box-shadow:var(--shadow-card);color:var(--ink);transition:border-color .15s var(--ease-out), box-shadow .15s var(--ease-out);padding:14px;text-decoration:none;position:relative;overflow:clip}@media (hover:hover) and (pointer:fine){.door:hover{box-shadow:var(--shadow-card-hover);border-color:oklch(37.81% .024 72.07)}.door-bench:hover .door-bench-link{color:var(--amber)}}.door-kicker{color:var(--ink-dim);margin-block-end:12px;font-size:15px;line-height:1.4;display:block}.door-name{font-size:26px;line-height:1.05;position:relative}.door-name:before{content:"";inset-block:calc((100% - var(--control-h)) / 2 - 1px);position:absolute;inset-inline:0}.door-bench-link:after{content:"";position:absolute;inset:0}.door-bench-link:focus-visible{outline:2px solid #0000}.door-bench:has(.door-bench-link:focus-visible){outline:2px solid var(--amber);outline-offset:2px}.door a{color:inherit;text-decoration:none}.door a.door-kicker{color:var(--ink-dim)}@media (hover:hover) and (pointer:fine){.door a:hover .door-name{color:var(--amber)}}.door-specimen{align-items:flex-start;gap:14px;display:flex}.door-chips{flex-wrap:wrap;gap:4px;margin-block-start:10px;display:flex}.door-map{margin-block-start:12px;display:block}.door-map .map-embed-canvas{height:180px;min-height:0;display:block}.door-county{min-height:220px;padding:0;display:block}.door-art{opacity:.85;position:absolute;inset:0}.door-county-body{background:linear-gradient(oklch(17.84% .0026 67.66/.92) 0%,oklch(17.84% .0026 67.66/.6) 55%,oklch(17.84% .0026 67.66/.85) 100%);height:100%;padding:14px;display:block;position:relative}.door-towns{color:var(--ink-dim);flex-wrap:wrap;gap:4px 12px;font-size:14px;display:flex}@media (hover:hover) and (pointer:fine){.door-county:hover .door-towns{color:var(--ink)}}.game-map-control{display:block}.game-map-control-label{width:1px;height:1px;clip-path:inset(50%);white-space:nowrap;min-block-size:0;min-inline-size:0;padding:0;font-size:12px;position:absolute;overflow:clip}.game-map-control canvas:not([hidden]){image-rendering:pixelated;margin-block-end:10px;display:block}.chain{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chain-part{align-items:center;gap:8px;display:inline-flex}.chain-part a{min-height:var(--control-h);align-items:center;gap:8px;font-size:13px;display:inline-flex}@media (hover:hover) and (pointer:fine){.chain-part a:hover{color:var(--amber)}}.chain-op{color:var(--ink-faint)}.chain-amount{color:var(--ink-faint);margin-inline-start:5px}.chain-out{font-size:17px}@media (hover:hover) and (pointer:fine){.chain-part a:hover .chain-out{color:var(--amber)}}.door-foot{min-height:var(--control-h);color:var(--ink-dim);align-items:center;margin-block-start:12px;font-size:14px;display:inline-flex}@media (hover:hover) and (pointer:fine){.door-foot:hover{color:var(--amber)}}.bench-picks{flex-wrap:wrap;gap:8px 26px;display:flex}.bench-pick{align-items:baseline;gap:10px;font-size:15px;display:inline-flex}.bench-pick .cost{color:var(--blood-bright)}.bench-pick .give{color:var(--moss)}.band{margin-block-start:34px}.band h2{margin:0;font-size:24px}.band-head{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.band-head a{min-height:var(--control-h);color:var(--amber);align-items:center;font-size:13px;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.band-head a:hover{color:var(--ink)}}.browse{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:8px;margin-block:14px 0;margin-inline:0;padding:0;list-style:none;display:grid}.browse a{box-sizing:border-box;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);height:100%;min-height:64px;color:var(--ink);align-items:center;gap:10px;padding-block:8px;padding-inline:10px;text-decoration:none;display:flex}@media (hover:hover) and (pointer:fine){.browse a:hover{border-color:oklch(37.81% .024 72.07)}.browse a:hover .browse-name{color:var(--amber)}}.browse-sprites{flex:0 0 46px;grid-template-columns:repeat(2,22px);align-content:center;gap:2px;min-height:46px;display:grid}.browse-name{min-width:0;font-size:16px;line-height:1.15;display:block}.bench-band{gap:30px;display:grid}.rowlist{border-block-start:1px solid var(--line);margin-block:12px 0;margin-inline:0;padding:0;list-style:none}.rowlist li{border-block-end:1px solid var(--line)}.rowlist a{color:var(--ink);grid-template-columns:1fr auto;align-items:baseline;gap:16px;padding-block:8px;padding-inline:6px;font-size:15px;text-decoration:none;display:grid}@media (hover:hover) and (pointer:fine){.rowlist a:hover{background:var(--bg-2);color:var(--amber)}}.rowlist .figure{color:var(--ink-dim);text-align:end;font-size:13px}.rowlist .num{color:var(--ink-faint)}.dispatches{border-block-start:1px solid var(--line);gap:0 34px;margin-block:12px 0;margin-inline:0;padding:0;list-style:none;display:grid}.dispatches li{border-block-end:1px solid var(--line);color:var(--ink);grid-template-columns:110px 1fr;gap:4px;padding-block:12px;padding-inline:6px;display:grid;position:relative}@media (hover:hover) and (pointer:fine){.dispatches li:hover{background:var(--bg-2)}}.dispatches time{color:var(--ink-faint);font-size:12px}.dispatches li:has(.dispatch-image){grid-template-columns:128px 110px 1fr;align-items:start;column-gap:14px}.dispatch-image{aspect-ratio:1200/630;object-fit:cover;border:1px solid var(--line);width:128px;height:auto}.dispatches .kicker{color:var(--ink-faint);font-size:12px;display:block}.dispatch-title{color:var(--ink);font-size:18px;line-height:1.2;display:block}.dispatch-title:after{content:"";position:absolute;inset:0}.dispatch-title:focus-visible{outline:2px solid #0000}.dispatches li:has(.dispatch-title:focus-visible){outline:2px solid var(--amber);outline-offset:-2px}@media (hover:hover) and (pointer:fine){.dispatches li:hover .dispatch-title{color:var(--amber)}}.dispatch-desc{color:var(--ink-dim);margin-block-start:3px;font-size:13px;display:block}@media (min-width:900px){@container content (min-width:860px){.doors{grid-template-columns:7fr 5fr}.door-loot{grid-area:1/1}.door-county{grid-area:1/2/span 2}.door-crafting{grid-area:2/1}.door-bench{grid-area:3/1/auto/-1}}.bench-band{grid-template-columns:1fr 340px}.dispatches{grid-template-columns:1fr 1fr}}@media (max-width:720px){.home-hero{height:clamp(300px,38vh,380px)}.hero-map-desktop{display:none}.hero-map-mobile{display:block}.hero-title img{height:clamp(64px,10vh,88px)}.hero-body{gap:8px;padding-block:20px 18px;padding-inline:14px}.door-map .map-embed-canvas{height:150px}.dispatches li{grid-template-columns:1fr}}.home-intro{border:1px solid var(--line);background:var(--bg-2);margin-block:24px;margin-inline:0}.home-intro>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;padding-block:12px;padding-inline:14px;list-style:none;display:flex}.home-intro>summary::-webkit-details-marker{display:none}.home-intro>summary h2{font:500 16px/1.5 var(--font-body);margin:0}.home-intro>summary img{width:13px;height:8px;image-rendering:pixelated;flex:none}.home-intro[open]>summary img{transform:rotate(180deg)}.home-intro>summary:focus-visible{outline:2px solid var(--amber);outline-offset:-2px}.home-intro-body{max-width:76ch;color:var(--ink-dim);padding-block:0 14px;padding-inline:14px;font-size:15px}.home-intro-body p{margin-block:0 12px;margin-inline:0}.home-intro-links{flex-wrap:wrap;gap:8px 20px;font-size:14px;display:flex}.home-intro-links a{box-sizing:border-box;min-width:var(--control-h);min-height:var(--control-h);justify-content:center;align-items:center;display:inline-flex}@media (hover:hover) and (pointer:fine){.door-name:hover,.door-towns a:hover,.door-chips a:hover{color:var(--amber)}}.door-specimen>.icon-well{flex:none}.door-specimen>span{min-width:0}.county-map-link{display:inline-block}.chain>a{min-height:var(--control-h);align-items:center;gap:8px;display:inline-flex}.chain-part{flex-wrap:wrap}@media (min-width:900px){.bench-band{grid-template-columns:repeat(2,minmax(0,1fr))}.rowlist{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;display:grid}.rowlist a{box-sizing:border-box;align-items:center;height:100%;min-height:42px;display:flex}.door-towns{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;display:grid}.door-towns a{box-sizing:border-box;min-height:var(--control-h);border-block-end:1px solid var(--line);align-items:center;display:flex}}@media (pointer:coarse){.door-towns a{min-height:var(--control-h);align-items:center;display:inline-flex}.rowlist a{min-height:var(--control-h);box-sizing:border-box;align-items:center}}
