/* The treasury is an illustrated concept, never a payment screen. */
.welcome-layout .welcome-village{height:140px}
.welcome-links{display:flex;flex-direction:column;align-items:center;gap:7px;margin-top:13px}
.join-card .welcome-links .welcome-guide{width:183px;min-height:36px;margin:0;padding:8px 14px}
.welcome-links .welcome-guide>span:nth-last-child(2){flex:1;text-align:left}.welcome-links .welcome-guide>span:last-child{margin-left:5px}
/* Gentle invitation lights, shared by both home-screen information buttons. */
.join-card .welcome-links .welcome-guide{box-shadow:0 0 0 1px #d3a25c42,0 0 14px #e9ad461f;animation:welcome-link-glow 5.5s ease-in-out infinite}
.welcome-links .welcome-guide::after{content:'';position:absolute;inset:2px;border:1px solid #f3cf8826;pointer-events:none}
.join-card .welcome-links .welcome-guide:is(:hover,:focus-visible){animation:none;box-shadow:0 0 0 1px #efc57e80,0 0 20px #efbd5938;color:#fff1ce}
@keyframes welcome-link-glow{0%,100%{box-shadow:0 0 0 1px #d3a25c38,0 0 10px #e9ad4614}50%{box-shadow:0 0 0 1px #e6b66860,0 0 18px #e9ad462b}}
@media(prefers-reduced-motion:reduce){.join-card .welcome-links .welcome-guide{animation:none}}
.reduce-motion .join-card .welcome-links .welcome-guide{animation:none}
.roadmap-current .roadmap-number{color:#d8eed1;border-color:#8aa77c;background:#2d4634}.roadmap-current b{color:#d9e9bd}.roadmap-current small{color:#adcf9e}.roadmap-current .roadmap-live-dot{margin-right:4px;vertical-align:1px}
.roadmap-steps li{min-height:0;padding-block:7px}
.economy-planned{margin-left:auto;color:#d6c18c;font:10px/15px var(--ng-body);letter-spacing:1.1px;border:1px solid #c4a36a60;padding:6px 9px;background:#17261e80}
.economy-body{min-height:0;flex:1;display:flex;flex-direction:column;padding:10px 6px 6px;gap:10px}
.economy-body>.wiki-paper{flex:1}.economy-content{padding:22px 32px 26px}
.economy-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 8px;flex:none}.game-wiki .economy-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:39px;flex:1;border:0;background:transparent;color:#c9c6ad;font:14px/18px var(--ng-body);padding:8px 12px}.economy-tabs .ng-art{width:23px;max-height:24px}.economy-tabs small{margin-left:auto;font:13px var(--ng-title);opacity:.6}.economy-tabs button>.ng-skin{opacity:.45}.economy-tabs button[aria-current=page]{color:#ffe2a4;box-shadow:inset 0 -3px #d8ad61}.economy-tabs button[aria-current=page]>.ng-skin{opacity:1}
.economy-content .wiki-chapter-heading{padding-bottom:13px;margin-bottom:18px}.economy-content .wiki-chapter-heading h2{font-size:35px}.economy-content .wiki-chapter-heading p{max-width:920px;font-size:15px}
.economy-flow{margin:0 0 24px;padding:20px 23px 16px;background:radial-gradient(ellipse at top,#30453280,transparent 70%),#19271f;border:3px double #9d8050;box-shadow:inset 0 0 0 4px #09180c50,0 3px 0 #9e7b4840;color:#eddbb5}
.economy-flow figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:13px;border-bottom:1px solid #a68b5640}.economy-chart-label{font:9px var(--ng-body);letter-spacing:1.4px;color:#b7b78e}.economy-content .economy-flow h3{color:#efd8a4;font-size:26px;margin:4px 0 0}.economy-flow-key{display:flex;align-items:center;gap:7px;font-size:11px;color:#c9cbb1}.economy-flow-key i{width:7px;height:7px;background:#d9b365}.economy-flow-key i:nth-child(2){background:#9fbd9f;margin-left:10px}
.economy-lane h4{font:9px/14px var(--ng-body);letter-spacing:1.3px;color:#d9b365;margin:14px 0 8px}.economy-lane-rewards h4{color:#a9c7a6}
.economy-flow-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.economy-flow-node{position:relative;display:flex;align-items:flex-start;gap:11px;min-width:0;padding:13px 14px;background:#bfa5680d;border:1px solid #bba0655e;box-shadow:inset 0 0 0 3px #101c1550}.economy-flow-node>.ng-art{flex:none;width:31px;max-height:37px;margin-top:4px}.economy-content .economy-flow-node h3{font:400 22px/24px var(--ng-title);margin:0 0 6px}.economy-content .economy-flow-node p{font:13px/18px var(--ng-body);color:#bec4a9;margin:0}
.economy-flow-node:not(:last-child)::after{content:'→';position:absolute;right:-23px;top:calc(50% - 12px);font:24px/24px var(--ng-title);color:#d9b365}.economy-lane-rewards .economy-flow-node{border-color:#8da78a66;background:#90ac960b}.economy-lane-rewards .economy-flow-node:not(:last-child)::after{color:#acc8a8}
.economy-launch{display:flex;align-items:center;gap:16px;border-top:1px solid #a68b5640;margin-top:17px;padding-top:13px}.economy-launch>span{font:26px/30px var(--ng-title);color:#eed397;border:1px solid #a78c4f88;padding:5px 12px;background:#8b6c1d12}.economy-content .economy-launch p{color:#afbca5;font-size:12px;line-height:17px;max-width:none;margin:0}.economy-launch b{display:block;color:#e3d2ad;font-weight:500;margin-bottom:2px}
.economy-explain-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.economy-explain-grid>section+section{border-left:1px solid #9e7e4855;padding-left:30px}.economy-explain-grid p{font-size:14px;line-height:21px}
.economy-pass-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:21px}.economy-pass{border:1px solid #91703e60;background:#f5e4b73b;padding:18px 22px}.economy-pass h3{display:flex;align-items:center;gap:11px;margin:9px 0}.economy-pass .ng-art{width:28px;max-height:29px}.economy-pass-number{font:44px/47px var(--ng-title);color:#654722;margin-bottom:8px}.economy-pass-number span{font:16px var(--ng-body);margin-left:10px;color:#77572c}.economy-pass p{font-size:14px;margin:0}
.economy-season{margin:0 0 27px}.economy-season figcaption{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#70512a;margin-bottom:10px}.economy-season figcaption span{font-size:12px}.economy-season ol{list-style:none;display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin:0 0 9px;padding:0}.economy-season li{border:1px solid #a38b5760;background:#7d643615;text-align:center;padding:7px 3px}.economy-season li b{display:block;font:24px var(--ng-title);color:#78582c}.economy-season li span{font:10px var(--ng-body);color:#87683e}.economy-season>p{font-size:12px;line-height:18px;color:#80613a}.economy-content .economy-small{font-size:12px;line-height:18px;color:#795b37}
.economy-awards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0 0 25px}.economy-awards section{text-align:center;padding:20px 17px;background:#f6e6bc35;border:1px solid #96764755}.economy-awards .ng-art{width:51px;max-height:52px;margin:0 auto 14px;display:block}.economy-awards small{font:9px/14px var(--ng-body);letter-spacing:1px;color:#896431}.economy-awards h3{margin:9px 0;font-size:26px}.economy-awards p{font-size:14px;line-height:20px;margin:0}
.economy-allocation{padding:21px 23px;background:#f4e5bb32;border:1px solid #a17b4145}.economy-allocation h3{margin:5px 0 11px;font-size:27px}.economy-allocation p{font-size:14px}.economy-equation{display:flex;align-items:center;gap:14px;margin:19px 0;justify-content:space-between}.economy-equation span{border-block:1px solid #93734165;padding:11px 3px;color:#705027;font:21px var(--ng-title);text-align:center}.economy-equation b{color:#a17b3d;font:24px var(--ng-title)}
.economy-stage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px}.economy-stage-grid>section{padding:17px 20px;border:1px solid #91703e60;background:#f5e4b73b}.economy-stage-grid h3{display:flex;align-items:center;gap:10px;margin:8px 0;font-size:25px}.economy-stage-grid .ng-art{width:28px;max-height:30px;flex:none}.economy-stage-grid p{font-size:14px;line-height:20px;margin:0}.economy-milestones{margin-top:26px}.economy-milestones ol{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:19px 28px;padding:0;margin:18px 0}.economy-milestones li{display:flex;gap:13px;align-items:flex-start}.economy-milestones li>span{font:24px var(--ng-title);color:#93703c;padding:3px 5px;border-bottom:2px solid #a48656}.economy-milestones h4{margin:0 0 5px;font-size:15px}.economy-milestones p{font-size:13px;line-height:19px;margin:0}
.economy-guide .wiki-footer{margin-inline:25px}.economy-guide .wiki-footer>span{font-size:9px;letter-spacing:.8px}.economy-guide .wiki-footer button{min-width:120px}
@media(max-width:1220px){.economy-content{padding-inline:22px}.economy-flow{padding-inline:17px}.economy-flow-node{padding:11px 10px;gap:8px}.economy-flow-node>.ng-art{width:26px}.economy-content .economy-flow-node h3{font-size:20px;line-height:22px}.economy-content .economy-flow-node p{font-size:12px;line-height:17px}.economy-awards{gap:10px}.economy-awards section{padding-inline:13px}.economy-awards h3{font-size:24px}}
@media(max-width:800px){.economy-flow-node{flex-direction:column}.economy-tabs small{display:none}.economy-tabs button .ng-art{display:none}.economy-planned{font-size:8px;letter-spacing:.5px}.economy-equation{gap:7px;flex-wrap:wrap}}
@media(max-height:780px){.welcome-layout .welcome-village{height:103px}.welcome-links{gap:6px;margin-top:10px}.join-card .welcome-links .welcome-guide{min-height:33px;padding-block:6px;font-size:14px}.roadmap-steps li{min-height:49px;padding-block:5px}.roadmap-steps p{margin-top:2px}}
@media(max-height:700px){.welcome-layout .welcome-village{height:82px;padding-bottom:9px}.welcome-layout .welcome-topline{margin-bottom:7px}.welcome-layout .welcome-loop{margin-block:8px 7px}.welcome-links{margin-top:8px;gap:5px}.join-card .welcome-links .welcome-guide{min-height:31px;padding-block:5px}.roadmap-steps li{min-height:40px;padding-block:2px}.roadmap-steps small{margin-bottom:1px}.roadmap-footer{font-size:9px}.economy-body{padding-top:7px;gap:7px}.game-wiki .economy-tabs button{min-height:34px;padding-block:5px;font-size:13px}.economy-content{padding-top:17px}.economy-content .wiki-chapter-heading h2{font-size:30px}}
/* Keep both flows in view on a laptop; the explanations continue below. */
@media(max-height:780px){
  .economy-content[data-economy-chapter=flow]{padding-top:12px}
  .economy-content[data-economy-chapter=flow] .wiki-chapter-heading{padding-bottom:8px;margin-bottom:11px}
  .economy-content[data-economy-chapter=flow] .wiki-chapter-heading h2{font-size:28px;margin:4px 0 6px}
  .economy-content[data-economy-chapter=flow] .wiki-chapter-heading p{font-size:13px;line-height:18px}
  .economy-flow{padding:10px 14px 11px}
  .economy-flow figcaption{padding-bottom:7px}.economy-flow figcaption h3{display:none}
  .economy-lane h4{margin:7px 0 5px;font-size:8px;line-height:11px}
  .economy-flow-node{padding:7px 10px;gap:9px}.economy-flow-node>.ng-art{width:24px;max-height:27px;margin-top:2px}
  .economy-content .economy-flow-node h3{font-size:19px;line-height:20px;margin-bottom:3px}
  .economy-content .economy-flow-node p{font-size:12px;line-height:16px}
  .economy-launch{margin-top:9px;padding-top:8px;gap:12px}.economy-launch>span{font-size:21px;line-height:24px;padding:3px 9px}
  .economy-content .economy-launch p{font-size:11px;line-height:15px}
}
@media(max-height:700px){
  .economy-guide .wiki-footer{padding-block:5px 2px}.economy-guide .wiki-footer button{padding-block:5px}
  .economy-content[data-economy-chapter=flow]{padding-top:8px}
  .economy-content[data-economy-chapter=flow] .wiki-chapter-heading>.wiki-eyebrow{display:none}
  .economy-content[data-economy-chapter=flow] .wiki-chapter-heading{padding-bottom:7px;margin-bottom:8px}
  .economy-content[data-economy-chapter=flow] .wiki-chapter-heading h2{margin-top:0;font-size:26px}
  .economy-flow{padding-block:8px}.economy-flow figcaption{padding-bottom:5px}
  .economy-lane h4{margin-block:5px 4px}.economy-launch{margin-top:6px;padding-top:6px}
}
/* Keep the distinction between coins, scores and future points readable together. */
@media(max-height:780px){
  .economy-content[data-economy-chapter=alpha] .wiki-chapter-heading{margin-bottom:12px;padding-bottom:9px}
  .economy-content[data-economy-chapter=alpha] .wiki-chapter-heading h2{font-size:28px;margin-block:5px}
  .economy-content[data-economy-chapter=alpha] .wiki-chapter-heading p{font-size:13px;line-height:18px}
  .economy-content[data-economy-chapter=alpha] .economy-awards section{padding:12px 14px}
  .economy-content[data-economy-chapter=alpha] .economy-awards .ng-art{width:28px;max-height:29px;margin-bottom:7px}
  .economy-content[data-economy-chapter=alpha] .economy-awards h3{font-size:22px;margin-block:5px}
  .economy-content[data-economy-chapter=alpha] .economy-awards p{font-size:13px;line-height:18px}
}
