.wrapper{display:flex;justify-content:space-between;max-width:1300px;margin:0 auto;padding-top:1rem;padding-bottom:1rem;height:100%;min-height:100vh;gap:3rem}.top{display:flex;flex-direction:column;flex-grow:1;max-width:700px}.top.yearly{flex-grow:1;max-width:unset}.top .title{font-size:1.5em;font-weight:bold;background-color:var(--brand-primary-color);color:var(--brand-secondary-color);margin-bottom:0.5rem;padding:0.5rem 1rem;display:flex;justify-content:space-between;align-items:center}.top .title .total-count{font-size:0.5em;color:#ddd}.top .tops{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.top .tops .top-item{display:flex;flex-direction:column;min-width:300px;background-color:white}.top .tops .top-item:first-child{grid-column:span 2}.top .tops .top-item.full-width{grid-column:1 / span 2}.top .tops .top-item .top-title{background-color:var(--brand-primary-color);color:var(--brand-secondary-color);font-weight:bold;padding:0.5rem 1rem;display:flex;justify-content:space-between;align-items:center}.top .tops .top-item .top-title .top-units{font-size:0.7em;color:#ddd}.top .tops .top-item .top-list{display:flex;flex-direction:column;flex-wrap:wrap}.top .tops .top-item .top-list .top-list-item{display:flex;padding:0.5rem 0;width:100%}.top .tops .top-item .top-list .top-list-item.empty{justify-content:center;color:#666;font-style:italic}.top .tops .top-item .top-list .top-list-item .top-list-item-medal{margin:0 0.25rem}.top .tops .top-item .top-list .top-list-item .top-list-item-name{margin:0 0.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top .tops .top-item .top-list .top-list-item .top-list-item-name a{text-decoration:none;color:unset}.top .tops .top-item .top-list .top-list-item .top-list-item-name a:hover{text-decoration:underline}.top .tops .top-item .top-list .top-list-item .top-list-item-value{margin-left:auto;margin-right:0.5rem;display:flex;align-items:center;justify-content:center;gap:3px}.top .tops .top-item .top-list .top-list-item .top-list-item-value span.suffix{font-size:0.7em;color:#666}.top .tops .top-item .top-list .top-list-item .top-list-item-history{display:flex;margin-left:auto;margin-right:0.5rem}.top .tops .top-item .top-list .top-list-item .top-list-item-history .history-item{display:flex;align-items:center;justify-content:center;border:1px solid #eee;width:24px;font-size:12px}.top .tops .top-item .top-list.first .top-list-item .top-list-item-history .history-item{width:40px;font-size:14px}.top .tops .top-item .top-list .top-list-item .top-list-item-history .history-item.gold{background-color:#FFD700;border-color:#FFD700;color:#333}.top .tops .top-item .top-list .top-list-item .top-list-item-history .history-item.silver{background-color:#C0C0C0;border-color:#C0C0C0;color:#333}.top .tops .top-item .top-list .top-list-item .top-list-item-history .history-item.bronze{background-color:#CD7F32;border-color:#CD7F32;color:#333}.top .tops .top-item .top-list .top-list-item .top-list-item-history .history-item a{text-decoration:none;color:inherit}.top .tops .top-item .top-list .top-list-item .top-list-item-history .history-item a:hover{text-decoration:underline}.top .tops .top-item .top-list .top-list-item .top-list-item-history .history-item.total{background-color:var(--brand-primary-color);border-color:var(--brand-primary-color);color:white;font-weight:bold}.top .tops .top-item .top-list .top-list-item .top-list-item-history .history-item .history-points{}.top .tops .top-item .top-cloud{display:flex;flex-wrap:wrap;flex-grow:0;gap:5px;padding:0.5rem;overflow-y:auto;max-height:200px}.top .tops .top-item .top-cloud .mention{font-size:14px;padding:4px 8px;border-radius:4px;word-break:break-word;background-color:var(--brand-light-color);color:var(--brand-dark-color);border:1px solid var(--brand-primary-color)}.top .tops .top-item .top-cloud .mention .mention-header{display:flex;justify-content:space-between;margin-bottom:4px;border-bottom:1px solid #eee}.top .tops .top-item .top-cloud .mention .mention-header .mention-author{font-weight:600;font-size:12px;flex-grow:1}.top .tops .top-item .top-cloud .mention .mention-header .mention-date{font-size:0.8em;color:#666}.top .tops .top-item .top-cloud .mention .mention-text{font-size:0.9em;color:#333}.ranking{display:flex;flex-direction:column;flex-grow:1;max-width:600px}.ranking .title{font-size:1.5rem;font-weight:bold;background-color:var(--brand-primary-color);color:var(--brand-secondary-color);margin-bottom:0.5rem;padding:0.5rem 1rem}.ranking .rankings{display:flex;flex-direction:column;background-color:white;gap:0.2rem;flex-grow:1;overflow-y:auto;max-height:500px}.ranking .rankings .ranking-item{display:flex;justify-content:space-between;padding:0.5rem 1rem}.ranking .rankings .ranking-item:hover{background-color:#F0F0F0;cursor:pointer}.ranking .rankings .ranking-item .ranking-date{margin-right:2rem}.ranking .rankings .ranking-item .ranking-best-rider{flex:1 1 0px;margin-right:2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking .rankings .ranking-item .ranking-author{flex:1 1 0px;overflow-x:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking .rankings .ranking-item .ranking-link{margin-left:auto}.ranking .legend{margin-top:1rem;padding:1rem;background-color:white;background:#ffffff;padding:1.5rem;box-shadow:0 8px 24px rgba(0,0,0,0.05);font-size:0.95rem}.ranking .legend h4{margin:0}.ranking .legend p{margin:0.5rem 0 1rem;font-size:13px;color:#444}.ranking .legend .columns{display:flex;gap:1.25rem;margin:1rem 0 0}.ranking .legend .columns .column{flex:1}.ranking .legend .points-table{display:flex;flex-direction:column;border:1px solid #eee;border-radius:6px}.ranking .legend .points-table .points-row{display:flex;justify-content:space-between;padding:0.5rem 1rem;border-bottom:1px solid #eee}.ranking .legend .points-table .points-row .points-position{font-weight:600;font-size:12px}.ranking .legend .points-table .points-row .points-value{font-weight:700;font-size:12px;color:#5b6cff}.ranking .legend .multiplier{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 0.75rem;background:#f6f7ff;border-left:4px solid #5b6cff;border-radius:6px;font-size:0.9rem}.ranking .legend .multiplier-value{font-weight:700;color:#5b6cff}.ranking .legend .note{font-size:0.85rem;color:#666;margin:0}@media only screen and (max-width:1100px){.wrapper{height:100%;flex-wrap:wrap;justify-content:center}}@media only screen and (max-width:600px){.wrapper{justify-content:center}.top .tops{display:flex;flex-wrap:wrap;gap:1rem}.top .tops .top-item{min-width:100%}.top .tops .top-item .top-list .top-list-item{flex-wrap:wrap}.top .tops .top-item .top-list .top-list-item .top-list-item-history{flex-wrap:wrap}.ranking .rankings .ranking-item{flex-wrap:wrap}}