.market-development-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0 0 1rem}.market-development-metrics>div{padding:1rem;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.market-development-metrics span,.market-development-metrics small{display:block;color:var(--muted);font-size:.76rem}.market-development-metrics strong{display:block;margin:.28rem 0;font-size:1.25rem;font-variant-numeric:tabular-nums}.market-development-tabs{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem}.market-development-tabs button{background:#173043;color:var(--muted)}.market-development-tabs button.active{background:var(--green);color:#092014}.market-development-chart-card{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:1rem}.market-development-chart-card header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.market-development-chart-card h2,.market-development-ranking h2{margin:0;font-size:1.1rem}.market-development-chart-card p,.market-development-ranking header span,.market-development-note{margin:.2rem 0;color:var(--muted);font-size:.78rem}.market-development-chart{display:block;width:100%;min-height:240px;margin-top:.5rem}.market-development-chart line{stroke:var(--line);stroke-width:1}.market-development-chart text{fill:var(--muted);font-size:11px}.market-development-chart path{fill:none;stroke:var(--green);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.market-development-chart rect.positive{fill:var(--amber)}.market-development-chart rect.negative{fill:var(--red)}.market-development-day{cursor:pointer;outline:none}.market-development-day:focus rect{stroke:var(--focus);stroke-width:2}.market-development-rankings{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.market-development-ranking{border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden}.market-development-ranking header{display:flex;justify-content:space-between;gap:.7rem;padding:1rem;border-bottom:1px solid var(--line)}.market-development-ranking table{min-width:620px}.market-development-ranking .market-development-change{display:block}.market-development-ranking td[data-label="1 Tag"] strong,.market-development-ranking td[data-label="7 Tage"] strong,.market-development-ranking .market-development-percent{display:block}.market-development-ranking .market-development-percent{margin-top:.12rem;font-size:.76rem;font-variant-numeric:tabular-nums}.market-development-player{display:flex;gap:.6rem;align-items:center}.market-development-player .portrait{width:38px;height:38px}.market-development-player a,.market-development-player span{display:block}.market-development-player a{font-weight:760}.market-development-player span{margin-top:.1rem;color:var(--muted);font-size:.74rem}
@media(max-width:820px){.app-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}.app-nav button{min-width:0!important}.app-shell,#main{padding-bottom:8.8rem}.market-development-metrics{grid-template-columns:1fr}.market-development-rankings{grid-template-columns:1fr}.market-development-chart-card{padding:.8rem;overflow:hidden}.market-development-chart{width:100%;max-width:100%;min-width:0;min-height:0;margin-top:.5rem}.market-development-ranking .scroll{overflow:visible}.market-development-ranking table,.market-development-ranking tbody,.market-development-ranking tr,.market-development-ranking td{display:block;width:100%;min-width:0}.market-development-ranking thead{display:none}.market-development-ranking tr{padding:.8rem;border-bottom:1px solid var(--line)}.market-development-ranking td{display:flex;justify-content:space-between;gap:.8rem;padding:.32rem 0;border:0;text-align:right}.market-development-ranking td:before{content:attr(data-label);color:var(--muted);font-size:.74rem;font-weight:700;text-transform:uppercase}.market-development-ranking td:first-child{display:block;text-align:left}.market-development-ranking td:first-child:before{display:none}.market-development-ranking .market-development-change{display:inline}.market-development-ranking td[data-label="1 Tag"] strong,.market-development-ranking td[data-label="7 Tage"] strong,.market-development-ranking .market-development-percent{display:inline}.market-development-ranking .market-development-percent{margin:.12rem 0 0 .35rem}}
