.hub-hero{min-height:340px;background:oklch(25.25% .0248 135.36) 50% 55%/cover no-repeat;border:1px solid oklch(56.94% .0452 104.65);border-radius:4px;align-items:center;min-inline-size:0;margin-block-end:30px;display:flex;position:relative;overflow:clip;box-shadow:0 8px 24px oklch(0% 0 none/.267)}.hub-hero:before{content:"";z-index:1;background:linear-gradient(90deg,oklch(20.64% .0211 141.91/.949) 0%,oklch(23.48% .0223 147.47/.69) 38%,oklch(23.94% .0285 150.48/0) 70%),linear-gradient(#0000 60%,oklch(20.97% .0201 153.88/.439));position:absolute;inset:0}.hub-hero-copy{z-index:2;width:min(54%,540px);padding-block:42px;padding-inline:46px;position:relative}.hub-hero-copy h1{color:oklch(95.41% .0401 88.2);text-shadow:0 2px 8px oklch(0% 0 none/.467);margin-block-end:14px;font-size:clamp(34px,3.4vw,48px)}.hub-hero-copy p{color:oklch(93.32% .0391 87.57);text-shadow:0 1px 6px oklch(0% 0 none/.667);text-wrap:pretty;max-width:46ch;font-size:17px;line-height:1.6}.tool-collection,.home-tools,.home-sections{container-type:inline-size}.station-grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:22px;display:grid}.station{--accent:oklch(79.6% .1118 89.35);grid-row:span 5;grid-column:span var(--span,4);grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;min-width:0;color:oklch(31.98% .0357 72.97);background:linear-gradient(oklch(88.44% .0436 83.2/.929),oklch(80.84% .0623 81.46/.929)),url(/art/1.32.010/parchment.webp) 50%/500px;border:1px solid oklch(61.38% .0493 77.68);border-radius:4px;min-block-size:0;margin-block-end:22px;padding-block-end:18px;transition-property:border-color,box-shadow;transition-duration:.12s;display:grid;position:relative;overflow:clip;box-shadow:0 2px 6px oklch(0% 0 none/.267)}.station:has(.station-link:focus-visible){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 16px 3px color-mix(in oklch, var(--accent) 55%, transparent), 0 6px 20px oklch(0% 0 none/.4)}@media (hover:hover) and (pointer:fine){.station:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 16px 3px color-mix(in oklch, var(--accent) 55%, transparent), 0 6px 20px oklch(0% 0 none/.4)}}.station:has(.station-link:focus-visible){outline:2px solid var(--focus);outline-offset:3px}.station-link{color:inherit}@media (hover:hover) and (pointer:fine){.station-link:hover{color:inherit;text-decoration:none}}.station-link:focus-visible{outline:2px solid #0000}.station-link:after{content:"";z-index:2;position:absolute;inset:0}.station>*{min-width:0}.station-head,.station-text,.station-well,.station-strip,.station-foot{margin-inline:20px}.station-art{height:200px;background:oklch(29.43% .0327 132.88);border-block-end:2px solid oklch(35.92% .0459 78.64);grid-row:1;min-block-size:0;min-inline-size:0;display:block;position:relative;overflow:clip;box-shadow:inset 0 -1px oklch(84.25% .0856 88.78/.4)}.station[data-span="12"] .station-art{height:250px}.station-art img{object-fit:cover;object-position:60% 50%;width:100%;height:100%;display:block}.station-head{grid-row:2;grid-template-columns:68px minmax(0,1fr);align-items:start;column-gap:14px;display:grid}.station-emblem{z-index:1;background:linear-gradient(oklch(54.53% .0338 92.48),oklch(40.5% .0231 93.95));border:1px solid oklch(55.63% .0565 79.93);border-radius:4px;justify-content:center;align-items:center;width:68px;height:68px;margin-block-start:-32px;display:flex;position:relative;box-shadow:inset 0 1px oklch(72.06% .0609 87.47),0 3px 8px oklch(0% 0 none/.467)}.station-head h3{color:oklch(33.76% .0526 68.76);text-wrap:balance;padding-block-start:8px;font-size:24px;line-height:1.25}.station-text{color:oklch(45.62% .044 76.9);text-wrap:pretty;grid-row:3;margin-block-start:14px;font-size:15px;line-height:1.6}.station-well,.station-strip{color:oklch(92.66% .0376 88.47);background:linear-gradient(oklch(33.63% .019 94.54),oklch(27.95% .0125 100.47));border:1px solid oklch(22.11% .0114 99.43);border-radius:3px;flex-wrap:wrap;grid-row:4;align-content:center;align-items:flex-start;gap:12px 20px;margin-block-start:14px;padding-block:12px;padding-inline:14px;display:flex;box-shadow:inset 0 2px 6px oklch(0% 0 none/.667),0 1px oklch(100% 0 none/.4)}:is(.station-well:not(:has(.fact-list,.name-list)),.station-strip){justify-content:center}.station-strip{color:oklch(90.54% .0378 88.47);padding-block:10px;padding-inline:12px;font-size:14px;line-height:1.5}.station-strip[data-strip=icons]{grid-template-columns:repeat(6,minmax(0,1fr));align-content:center;gap:6px;display:grid}.station-strip[data-strip=icons] .strip-link{display:block}.station-strip[data-strip=icons] .game-icon{aspect-ratio:1;width:100%!important;height:auto!important}.station-strip[data-strip=icons] .game-icon img{width:100%;height:100%}.station-strip[data-strip=names]{justify-content:flex-start;gap:2px 14px}.strip-link{z-index:3;color:inherit;border-radius:4px;position:relative}@media (hover:hover) and (pointer:fine){.strip-link:hover{color:oklch(96.47% .0473 91.32);text-decoration:none}}.station-strip[data-strip=icons] .strip-link:focus-visible{box-shadow:0 0 0 2px var(--focus), 0 0 10px 2px oklch(80.24% .1644 71.54/.4)}@media (hover:hover) and (pointer:fine){.station-strip[data-strip=icons] .strip-link:hover{box-shadow:0 0 0 2px var(--focus), 0 0 10px 2px oklch(80.24% .1644 71.54/.4)}}.strip-link:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.game-tooltip.station-name-tooltip{width:max-content;padding-block:7px;padding-inline:12px;font-size:14px}.slot-row{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:10px;display:flex}.slot{flex-direction:column;align-items:center;gap:6px;min-width:78px;max-width:112px;display:flex}.slot-tile{width:56px;height:56px;display:block;position:relative}.slot-count{color:oklch(100% 0 none);font:700 14px/1 var(--font-ui);font-variant-numeric:tabular-nums;text-shadow:0 0 3px oklch(0% 0 none),0 1px 2px oklch(0% 0 none);position:absolute;inset-block-end:0;inset-inline-end:1px}.slot-name{color:oklch(85.07% .0399 87.57);text-align:center;overflow-wrap:anywhere;font-size:12px;line-height:1.25}.slot-name b{color:oklch(85.12% .1186 86.61);display:block}.slot-result{align-items:flex-start;gap:6px;display:flex}.slot-chevron{border-block-end:2px solid oklch(78.87% .0592 89.64);border-inline-end:2px solid oklch(78.87% .0592 89.64);align-self:center;width:9px;height:9px;margin-inline:4px;transform:translateY(-9px)rotate(-45deg)}[dir=rtl] .slot-chevron{transform:translateY(-9px)rotate(135deg)}.fact-list{flex:200px;align-self:center;min-width:190px;display:grid}.fact{border-block-end:1px solid oklch(100% 0 none/.122);justify-content:space-between;gap:14px;padding-block:6px;padding-inline:0;font-size:14px;line-height:1.4;display:flex}.fact:last-child{border-block-end:0}.fact-label{color:oklch(94.42% .0359 89.44);font-weight:700}.fact-values{color:oklch(90.54% .0378 88.47);font-variant-numeric:tabular-nums;text-align:end;flex-wrap:wrap;justify-content:flex-end;gap:0 12px;display:flex}.name-list{color:oklch(90.54% .0378 88.47);flex-wrap:wrap;gap:4px 16px;font-size:14px;line-height:1.5;display:flex}.station-foot{grid-row:5;justify-content:flex-end;align-items:flex-end;margin-block-start:14px;display:flex}.station:has(.station-link:focus-visible) .station-foot .game-button{color:oklch(97.81% .0227 84.59);background:linear-gradient(oklch(50.89% .025 118.7),oklch(39.8% .0261 127.94))}@media (hover:hover) and (pointer:fine){.station:hover .station-foot .game-button{color:oklch(97.81% .0227 84.59);background:linear-gradient(oklch(50.89% .025 118.7),oklch(39.8% .0261 127.94))}}.station:active .station-foot .game-button{box-shadow:inset 0 2px 4px oklch(0% 0 none/.533)}.station-grid[data-variant=compact]{grid-template-columns:repeat(4,minmax(0,1fr))}.station-grid[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.station-grid[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.station-grid[data-variant=compact]>.station{grid-column:span 1}.station:is([data-variant=compact],[data-variant=mini]) .station-art{height:122px}.station:is([data-variant=compact],[data-variant=mini]) .station-foot{display:none}.station:is([data-variant=compact],[data-variant=mini]) .station-head{grid-template-columns:minmax(0,1fr)}.station:is([data-variant=compact],[data-variant=mini]) .station-emblem{width:56px;height:56px;margin:0;position:absolute;inset-block-start:12px;inset-inline-start:12px}.station:is([data-variant=compact],[data-variant=mini]) .station-head h3{padding-block-start:14px;font-size:20px}.station:is([data-variant=compact],[data-variant=mini]) .station-text{font-size:14px}.station[data-variant=mini] .station-text{display:none}.station[data-variant=mini]:not(:has(.station-well)) .station-text{grid-row:4;display:block}.station[data-variant=mini] .station-well{gap:10px 12px;padding:10px}.station[data-variant=mini] .slot{min-width:62px;max-width:120px}.well-result{color:oklch(94.42% .0359 89.44);flex-basis:100%;align-items:center;gap:8px;font-size:13px;font-weight:700;line-height:1.3;display:flex}.station[data-variant=mini] .slot-tile{width:48px;height:48px}.station[data-variant=mini] .fact-list{flex-basis:100%;min-width:0}.station[data-variant=mini] .fact,.station[data-variant=mini] .name-list{font-size:13px}.station-grid[data-columns="2"]>.station{grid-row:auto;grid-template-rows:none;align-self:start}@media (prefers-reduced-motion:reduce){.station,.article-card{transition-duration:0s}}@media (max-width:960px){.hub-hero{align-items:flex-end}.hub-hero:before{background:linear-gradient(oklch(19.79% .0198 144.78/0) 0%,oklch(19.79% .0198 144.78/.878) 52%,oklch(19.79% .0198 144.78/.949) 100%)}.hub-hero-copy{width:100%;padding-block:30px;padding-inline:26px}}@container (max-width:899px){.station[data-tool=trade],.station[data-tool=enchanting]{grid-column:span 6}.station[data-tool=city-production]{grid-column:span 12}.station-grid[data-variant=compact],.station-grid[data-columns="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width:559px){.station-grid:not([data-variant])>.station{grid-column:span 12}.station-grid[data-variant=compact],.station-grid[data-columns]{grid-template-columns:minmax(0,1fr)}}.hero-search{color:oklch(86.05% .0347 92.3);cursor:text;background:oklch(18.98% .0145 126.61/.949);border:1px solid oklch(62.14% .0527 101.3);border-radius:4px;align-items:center;gap:12px;width:min(100%,470px);height:54px;margin-block-start:22px;padding-inline:16px;transition-property:border-color,box-shadow;transition-duration:.12s;display:flex;box-shadow:inset 0 2px 5px oklch(0% 0 none/.733),0 3px 12px oklch(0% 0 none/.4)}@media (hover:hover) and (pointer:fine){.hero-search:hover{border-color:oklch(73.18% .0667 93.77)}}.hero-search:focus-within{border-color:var(--focus);box-shadow:inset 0 2px 5px oklch(0% 0 none/.733), 0 0 0 1px var(--focus), 0 0 14px 2px oklch(80.24% .1644 71.54/.333)}.hero-search svg{flex:none}.hero-search input{color:oklch(96.95% .0336 86.31);min-width:0;height:100%;font:500 17px/1.3 var(--font-ui);appearance:none;background:0 0;border:0;border-radius:0;outline:2px solid #0000;flex:1;padding:0}.hero-search input::placeholder{color:oklch(76% .037 92.9)}.hero-search input::-webkit-search-cancel-button{display:none}.article-card{min-block-size:0;min-inline-size:0;transition-property:border-color,box-shadow;transition-duration:.12s;overflow:clip}@media (hover:hover) and (pointer:fine){.article-card:hover{border-color:oklch(78.71% .1409 85.68);box-shadow:0 0 0 1px oklch(78.71% .1409 85.68),0 0 16px 3px oklch(78.71% .1409 85.68/.333),0 6px 20px oklch(0% 0 none/.4)}}.article-card img{aspect-ratio:16/7;object-fit:cover;border-block-end:2px solid oklch(35.92% .0459 78.64);width:calc(100% + 44px);max-width:none;margin-block:-22px 16px;margin-inline:-22px;display:block}