*{box-sizing:border-box}body{background:#090d0d;color:#eee;font:16px Arial,sans-serif;margin:0;-webkit-text-size-adjust:100%}[hidden]{display:none!important}main{max-width:920px;margin:auto;padding:20px 18px 105px;background:radial-gradient(ellipse at 20% 0,#27261655,transparent 50%)}a{color:#e6c469;text-decoration:none}button,input,select{font:inherit;border:1px solid #5c6668;background:linear-gradient(#1d2426,#111718);color:#eee;border-radius:9px;padding:13px;min-width:0}button,a{cursor:pointer}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #343827;padding-bottom:15px}.brand{display:flex;align-items:center;font-size:55px;color:#e8c661}.brand span{font-size:27px;font-weight:bold}.brand small{display:block;text-align:center;font-size:10px;letter-spacing:6px;color:#bec0b9}#connection{font-size:12px;color:#54df92}h1{font-size:32px;margin:22px 0 5px}#season{color:#bbb;margin:0 0 20px}.toolbar{display:flex;gap:7px}.toolbar button{flex:1;font-size:12px;font-weight:bold;padding:15px 5px}.selected{background:linear-gradient(#ffe976,#c29c23)!important;color:#151810!important;border-color:#ffe273!important}.follow{border:1px solid #e6ce62;border-radius:12px;padding:18px;margin:18px 0 24px;background:linear-gradient(120deg,#2c2b1a,#111916)}.follow label{display:block;color:#e8cd62;font-weight:bold;margin-bottom:12px}.follow select{width:100%}#followInfo{margin-top:14px;line-height:1.8}progress{width:100%;height:16px;accent-color:#e8c862}#podium{display:flex;align-items:flex-end;justify-content:center;margin:22px 0 20px;min-height:185px}.podiumCard{width:33.333%;border-radius:60px 60px 0 0;border:1px solid #81734a;background:linear-gradient(#373b33,#121818);text-align:center;padding:16px 5px 20px;height:180px}.podiumCard.first{height:215px;background:linear-gradient(#8e7023,#222316);border-color:#e9cb64}.podiumCard.third{background:linear-gradient(#61452f,#181a16)}.avatar{display:block;margin:7px auto;border:3px solid #d4be79;border-radius:50%;height:60px;width:60px;line-height:54px;background:#263735;color:#ead99a;font-size:29px}.podiumCard strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.podiumCard b{display:block;color:#f6d965;margin-top:8px}.search{display:flex;gap:8px;margin-bottom:12px}.search input{flex:1;width:50%}.search select{width:42%;font-size:13px}.listHeader{display:flex;justify-content:space-between;color:#acb4b7;padding:12px;font-size:11px}.rankRow{display:flex;align-items:center;gap:12px;width:100%;padding:16px 12px;margin:6px 0;border:1px solid #3a4644;text-align:left}.rankRow .name{flex:1;min-width:0}.rankRow strong{display:block;overflow-wrap:break-word}.rankRow small{display:block;font-size:11px;color:#b3bcbe;line-height:1.6;margin-top:6px}.rankRow .score{font-weight:bold;color:#f0db8c;min-width:55px;text-align:right}.rankRow .change{font-size:13px;min-width:35px}.up{color:#36e698}.down{color:#ff7888}.followed{border-color:#f0d864;background:#262816}.rankRow .rank{color:#dbd2b1}.note,#status{font-size:12px;line-height:1.7;color:#a9b5b6;text-align:center}#pages{display:flex;justify-content:center;gap:8px;margin:15px}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:920px;background:#111817;border-top:1px solid #a6924c;display:flex;padding:10px 5px 18px;z-index:10}nav>*{width:20%;text-align:center;font-size:22px;color:#a5afb0;background:none;border:0;padding:4px}nav span{display:block;font-size:11px;margin-top:6px}nav .active{color:#f3d355}#modal{position:fixed;inset:0;top:0;bottom:0;left:0;right:0;background:#000c;z-index:30;display:flex;align-items:center;justify-content:center;padding:15px}#modal>div{background:#151d1b;border:1px solid #d3b85c;border-radius:14px;max-width:620px;width:100%;max-height:85vh;overflow:auto;padding:20px}#close{float:right}#modalBody{clear:both;line-height:1.8}.historyRow{border-bottom:1px solid #414936;padding:10px 0}@media(max-width:400px){main{padding:12px 10px 100px}h1{font-size:27px}.brand span{font-size:22px}.rankRow{gap:7px;padding:12px 8px}.rankRow .score{font-size:14px}.podiumCard strong{font-size:12px}.search select{font-size:11px}}

#followInfo{white-space:pre-line}.toolbar>button+button{margin-left:7px}.rankRow>*+*{margin-left:7px}.search>select{margin-left:8px}

nav>*{width:33.333%}#pages{display:block;margin:22px 0}.pageSummary{text-align:center;font-size:13px;color:#b7c1bf;margin-bottom:12px}.pageControls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.pageControls>*{margin:3px}.pageControls button{min-width:42px;min-height:44px;padding:10px}.pageControls .currentPage{background:linear-gradient(#ffe976,#c29c23);color:#151810;border-color:#ffe273;font-weight:bold}.pageControls button:disabled{opacity:.35;cursor:default}div.rankRow,div.podiumCard{cursor:default}#list{scroll-margin-top:12px}

.rankRow{border-radius:9px}

.toolbar{flex-wrap:wrap}.toolbar #rules{flex-basis:100%;margin-left:0;margin-top:6px}

.rankingDate{margin:16px 0}.rankingDate label{display:block;color:#d9c58c;margin-bottom:8px}.rankingDate input{width:100%;min-height:44px}.toolbar{flex-wrap:wrap}.toolbar button{flex-basis:22%}
