/* One account for the entire crew. Native, grid-aligned art stays crisp at each
   integer sprite scale; only the colonist's vertical position is animated. */
.standings-launcher>button{width:100%;min-height:44px}.standings-launcher h2{margin:8px 0}.standings-launcher p{line-height:1.6}
.standings-dialog{width:calc(100% - 32px);max-width:none;max-height:calc(100dvh - 24px);padding:0;overflow:hidden;border:2px solid #9bac76;border-radius:0;background:#193326;color:#edf0cc;box-shadow:8px 8px #0a201ad9;font:calc(14px * var(--client-font-scale,1.1))/1.5 'Courier New',monospace}
.standings-dialog[open]{display:flex;flex-direction:column}.standings-dialog::backdrop{background:#071810e6}.standings-dialog [hidden]{display:none!important}.standings-dialog button{min-height:44px;font-size:calc(13px * var(--client-font-scale,1.1));line-height:1.35;white-space:normal;touch-action:manipulation}.standings-dialog button:focus-visible,.standings-chart:focus-visible{outline:3px solid #deeea6;outline-offset:-4px}
.standings-header{display:flex;align-items:center;gap:24px;padding:16px 24px;flex:none;background:#2c4831;border-bottom:2px solid #7c9260}.standings-header>div:first-child{min-width:0}.standings-header h2{font-size:calc(28px * var(--client-font-scale,1.1));line-height:1.2;margin:4px 0}.standings-header>.secondary{flex:none}.standings-clock{margin-left:auto;flex:none;text-align:right;font-variant-numeric:tabular-nums}.standings-clock span{display:block;font-size:calc(10px * var(--client-font-scale,1.1));letter-spacing:.06em}.standings-clock b{display:block;font-size:calc(22px * var(--client-font-scale,1.1));line-height:1.3;color:#eac87e}
.standings-body{padding:20px 24px;overflow:auto;min-height:0;display:grid;grid-auto-rows:max-content;align-content:start;gap:24px;overscroll-behavior:contain;scrollbar-color:#a2b77c #14271c;scrollbar-width:thin}.standings-body h3{margin:0 0 6px;font-size:calc(21px * var(--client-font-scale,1.1));line-height:1.25}.standings-body p{margin:6px 0;line-height:1.55}.standings-outcome{display:flex;align-items:center;gap:24px;background:#213e2b;border:2px solid #697f54;padding:16px 20px}.standings-outcome>[data-standings-scene]{flex:none}.standings-scene{display:block;width:256px;height:128px;image-rendering:pixelated;box-shadow:4px 4px #11281c}.standings-outcome-copy{min-width:0;flex:1}.standings-outcome h3{font-size:calc(26px * var(--client-font-scale,1.1));margin:4px 0}.standings-collective{display:flex;gap:40px;margin-top:10px}.standings-collective>span{font-size:calc(10px * var(--client-font-scale,1.1));letter-spacing:.04em;color:#c2cdaa}.standings-collective b{display:block;font-size:calc(24px * var(--client-font-scale,1.1));font-variant-numeric:tabular-nums;color:#f1df9c;line-height:1.35}.standings-goal-track{height:10px;max-width:620px;background:#10281e;border:1px solid #7e9560;margin-top:12px}.standings-goal-track i{display:block;height:100%;background:#c9d789}.standings-target-note{font-size:calc(11px * var(--client-font-scale,1.1));color:#c5d0b4}
.standings-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.standings-section-heading h3{margin:0}.standings-section-heading p{color:#c1cfad;font-size:calc(12px * var(--client-font-scale,1.1));margin:4px 0 0}.standings-section-heading>span{font-size:calc(12px * var(--client-font-scale,1.1));color:#cfdbb9}.standings-section-heading>button{flex:none}
.standings-chart{overflow-x:auto;overflow-y:hidden;border:3px solid #8da06a;background:#122c26;scrollbar-width:thin;scrollbar-color:#b6c87e #173924;scroll-padding-inline:24px;overscroll-behavior-x:contain}.standings-lanes{display:grid;grid-template-columns:repeat(var(--standings-count,4),minmax(110px,1fr));min-width:100%;width:max-content;position:relative;padding:0 16px}.standings-lane{width:100%;min-width:0;position:relative;padding:0 8px}.standings-lane-stage{height:236px;position:relative;border-bottom:3px solid #c5ce95;background:repeating-linear-gradient(0deg,transparent 0 58px,#9bae6b22 58px 59px)}.standings-wealth-bar{position:absolute;width:16px;left:calc(50% - 8px);bottom:0;height:var(--wealth-level);background:var(--colonist-color);border:0;box-shadow:inset 2px 0 #182c1e,inset -2px 0 #182c1e,inset 0 2px #182c1e,4px 0 #0b231c;transition:height .3s linear}.standings-climber{position:absolute;width:64px;height:64px;left:calc(50% - 32px);bottom:var(--wealth-level);transition:bottom .3s linear}.standings-walker,.standings-walker .pixel-sprite{width:64px;height:64px;display:block;image-rendering:pixelated}.standings-walker{position:relative}.standings-walker .pixel-sprite:last-child{position:absolute;inset:0;visibility:hidden}.standings-lane-amount{position:absolute;left:50%;bottom:calc(100% - 8px);transform:translateX(-50%);white-space:nowrap;font-size:calc(12px * var(--client-font-scale,1.1));color:#edf3ca;font-variant-numeric:tabular-nums;z-index:1}.standings-lane-label{text-align:center;min-height:90px;padding:8px 0;overflow-wrap:anywhere;font-size:calc(12px * var(--client-font-scale,1.1));line-height:1.4}.standings-lane-label>b,.standings-lane-label>span,.standings-lane-label>small{display:block}.standings-lane-label>b{color:var(--colonist-color);font-size:calc(13px * var(--client-font-scale,1.1))}.standings-lane-label>small{font-size:calc(10px * var(--client-font-scale,1.1));min-height:1.4em;color:#bdce91}.standings-lane.is-you{background:#8dc39b14}.standings-lane.is-you .standings-lane-label>b{color:#caffdb}.standings-lane.is-you:after{content:'';position:absolute;inset:0 3px;pointer-events:none;border:2px dashed #b4ddad66}.standings-chart-note,.standings-value-note{font-size:calc(11px * var(--client-font-scale,1.1));color:#c0ceac}
.standings-ascending .standings-climber{animation:standings-ascent 2.4s steps(24,end) both;transition:none}.standings-ascending .standings-wealth-bar{animation:standings-bar 2.4s steps(24,end) both}.standings-ascending .standings-walker .pixel-sprite:first-child{animation:standings-frame-a .3s steps(1,end) 8}.standings-ascending .standings-walker .pixel-sprite:last-child{animation:standings-frame-b .3s steps(1,end) 8}
@keyframes standings-ascent{from{bottom:0}to{bottom:var(--wealth-level)}}@keyframes standings-bar{from{height:0}to{height:var(--wealth-level)}}@keyframes standings-frame-a{0%,100%{visibility:visible}50%{visibility:hidden}}@keyframes standings-frame-b{0%,100%{visibility:hidden}50%{visibility:visible}}
.standings-podium{display:flex;align-items:flex-end;justify-content:center;gap:12px;padding:18px 20px 0;background:#132c25;border-bottom:3px solid #aec17c}.standings-podium-place{text-align:center;display:flex;flex-direction:column;align-items:center;width:min(28%,240px);min-width:0}.standings-podium-colonist{position:relative;width:64px;height:64px;margin-top:20px}.standings-podium-colonist>.pixel-sprite{width:64px;height:64px;image-rendering:pixelated}.standings-crown{position:absolute;left:16px;top:-13px;image-rendering:pixelated}.standings-podium-name{display:block;margin:4px 0;color:var(--colonist-color);font-size:calc(14px * var(--client-font-scale,1.1));overflow-wrap:anywhere;line-height:1.35}.standings-podium-score{font-size:calc(12px * var(--client-font-scale,1.1));line-height:1.5;color:#e0e7bb}.standings-podium-step{width:100%;background:#456044;border:2px solid #acbb7b;border-bottom:0;margin-top:9px;height:68px;display:grid;place-items:center;color:#e9dc96;font-size:calc(30px * var(--client-font-scale,1.1));font-weight:bold;box-shadow:inset 5px 0 #667d50}.standings-podium-place.place-1 .standings-podium-step{height:104px;background:#637647}.standings-podium-place.place-3 .standings-podium-step{height:48px}
.standings-roster{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,500px),1fr));gap:8px}.standings-account{display:grid;grid-template-columns:38px 32px minmax(0,1fr) auto;align-items:center;gap:6px 12px;padding:12px 14px;background:#223f2d;border:1px solid #617c50}.standings-account.is-you{border:2px solid #c1d58a;background:#2a4931}.standings-account-rank{font-size:calc(13px * var(--client-font-scale,1.1));color:var(--colonist-color)}.standings-account-sprite,.standings-account-sprite .pixel-sprite{width:32px;height:32px;image-rendering:pixelated}.standings-account-name{overflow-wrap:anywhere;min-width:0}.standings-account-name>b{font-size:calc(14px * var(--client-font-scale,1.1));line-height:1.4}.standings-account-name>small{display:block;font-size:calc(10px * var(--client-font-scale,1.1));color:#c7d79c}.standings-account-total{font-size:calc(16px * var(--client-font-scale,1.1));color:#ecd99e;white-space:nowrap;font-variant-numeric:tabular-nums}.standings-breakdown{grid-column:3/5;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}.standings-breakdown dt{font-size:calc(10px * var(--client-font-scale,1.1));color:#beccac}.standings-breakdown dd{margin:2px 0 0;font-size:calc(12px * var(--client-font-scale,1.1));overflow-wrap:anywhere}
.standings-footer{flex:none;background:#2b4630;border-top:2px solid #79925e;padding:12px 24px;display:flex;align-items:center;gap:18px;justify-content:space-between}.standings-footer>p{margin:0;font-size:calc(12px * var(--client-font-scale,1.1));line-height:1.5;max-width:55ch}.standings-actions{display:flex;gap:10px;flex:none}.standings-actions .primary{background:#dfc888;color:#183322;border-color:#dfc888}.standings-actions .primary[aria-pressed=true]{background:#516d40;color:#e6efc9}
@media(min-width:1000px){.standings-dialog:not(.standings-final) .standings-body{grid-template-columns:minmax(0,1.6fr) minmax(350px,1fr)}.standings-dialog:not(.standings-final) .standings-outcome{grid-column:1/-1}.standings-dialog:not(.standings-final) .standings-roster{grid-template-columns:minmax(0,1fr)}.standings-final .standings-body{grid-template-columns:minmax(0,1.4fr) minmax(350px,1fr)}.standings-final .standings-outcome{grid-column:1;align-items:center}.standings-final .standings-outcome>[data-standings-scene] .standings-scene{width:256px;height:128px}.standings-final .standings-podium-section{grid-column:2;grid-row:1}.standings-final .standings-wealth-section{grid-column:1}.standings-final .standings-accounts{grid-column:2}.standings-final .standings-roster{grid-template-columns:minmax(0,1fr)}.standings-final .standings-outcome{flex-direction:column;justify-content:center;text-align:center}.standings-final .standings-collective{justify-content:center}.standings-final .standings-goal-track{margin-inline:auto}}
@media(max-width:760px){.standings-dialog{width:calc(100% - 12px);max-height:calc(100dvh - 12px);font-size:calc(13px * var(--client-font-scale,1.1))}.standings-header{gap:10px;padding:10px 12px;flex-wrap:wrap}.standings-header>div:first-child{flex:1}.standings-header h2{font-size:calc(20px * var(--client-font-scale,1.1))}.standings-clock b{font-size:calc(16px * var(--client-font-scale,1.1))}.standings-clock span{font-size:calc(9px * var(--client-font-scale,1.1))}.standings-header>.secondary{padding:8px 12px;font-size:calc(12px * var(--client-font-scale,1.1))}.standings-body{padding:12px;gap:20px}.standings-outcome{padding:12px;gap:14px;flex-direction:column;align-items:flex-start}.standings-outcome>[data-standings-scene]{align-self:center}.standings-outcome h3{font-size:calc(21px * var(--client-font-scale,1.1))}.standings-outcome-copy{width:100%}.standings-collective{gap:18px;justify-content:space-between}.standings-collective b{font-size:calc(18px * var(--client-font-scale,1.1))}.standings-section-heading{gap:10px;align-items:flex-start}.standings-body h3{font-size:calc(18px * var(--client-font-scale,1.1))}.standings-section-heading>span{font-size:calc(11px * var(--client-font-scale,1.1));max-width:48%}.standings-lanes{grid-template-columns:repeat(var(--standings-count,4),minmax(100px,1fr));padding:0 8px}.standings-lane-stage{height:205px}.standings-lane-label{min-height:90px}.standings-climber{width:32px;height:32px;left:calc(50% - 16px)}.standings-walker,.standings-walker .pixel-sprite{width:32px;height:32px}.standings-wealth-bar{left:calc(50% - 6px);width:12px}.standings-lane-amount{bottom:100%;font-size:calc(11px * var(--client-font-scale,1.1))}.standings-account{grid-template-columns:29px 32px minmax(0,1fr);gap:5px 8px;padding:10px}.standings-account-total{grid-column:3;font-size:calc(16px * var(--client-font-scale,1.1))}.standings-breakdown{grid-column:1/-1;border-top:1px solid #72845b;padding-top:7px;margin-top:3px;gap:4px}.standings-breakdown dt{font-size:calc(10px * var(--client-font-scale,1.1))}.standings-breakdown dd{font-size:calc(11px * var(--client-font-scale,1.1))}.standings-footer{padding:9px 12px;display:block}.standings-footer>p{font-size:calc(11px * var(--client-font-scale,1.1));margin-bottom:8px}.standings-actions{gap:6px;flex-wrap:wrap}.standings-actions>.primary{flex:1 1 100%}.standings-actions>.secondary,.standings-actions>.subtle{flex:1}.standings-dialog button{font-size:calc(12px * var(--client-font-scale,1.1))}.standings-podium{padding:18px 3px 0;gap:6px}.standings-podium-place{width:33.333%}.standings-podium-name{font-size:calc(12px * var(--client-font-scale,1.1))}.standings-podium-score{font-size:calc(10px * var(--client-font-scale,1.1))}}
/* On a phone, scroll the entire result screen. The chart only pans horizontally
   for extra colonists; neither the accounts nor the body has its own scroll. */
@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1000px){.standings-dialog[open]{display:block;overflow:auto;overscroll-behavior:contain}.standings-dialog .standings-body{overflow:visible;min-width:0;min-height:auto;max-height:none;grid-template-columns:minmax(0,1fr)}.standings-body>section{min-width:0}.standings-footer{position:static}.standings-roster{overflow:visible;max-height:none}}
@media(max-width:760px){.standings-header>div:first-child{flex:1 1 100%}.standings-clock{margin-left:0;text-align:left;flex:1}.standings-header>.secondary{margin-left:auto}}
@media(max-width:380px){.standings-header>.secondary{min-height:44px}.standings-scene{width:256px;height:128px;max-width:100%;height:auto}.standings-outcome{padding:8px}.standings-collective{gap:10px;flex-wrap:wrap}.standings-clock{max-width:48%}.standings-clock b{font-size:calc(14px * var(--client-font-scale,1.1))}.standings-account-name>b{font-size:calc(13px * var(--client-font-scale,1.1))}}
@media(max-height:520px){.standings-header{padding:6px 12px;gap:8px}.standings-header h2{font-size:calc(18px * var(--client-font-scale,1.1))}.standings-header .eyebrow{display:none}.standings-header>.secondary{width:auto}.standings-footer{padding:6px 12px}.standings-footer>p{font-size:calc(10px * var(--client-font-scale,1.1));margin-bottom:4px}.standings-actions>.primary{flex:1}.standings-actions>button{padding:6px 8px}.standings-body{min-height:70px}}
@media(prefers-reduced-motion:reduce){.standings-dialog *, .standings-dialog *:before,.standings-dialog *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.standings-walker .pixel-sprite:first-child{visibility:visible!important}.standings-walker .pixel-sprite:last-child{visibility:hidden!important}}
