.hd-records-dialog{width:min(570px,calc(100vw - 20px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #97754e;border-radius:8px;background:#171b26;color:#ead9b9;font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;box-shadow:0 20px 80px #000b;overflow:hidden}
.hd-records-dialog::backdrop{background:#06080edb}
.hd-records-dialog *{box-sizing:border-box}
.hd-records-dialog [hidden]{display:none!important}
.hd-records-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid #66563f;background:#28232e}
.hd-records-dialog h2{font-size:17px;margin:0;line-height:1.3}
.hd-records-dialog button,.hd-records-dialog input{font:inherit;color:inherit}
.hd-records-dialog button{cursor:pointer;touch-action:manipulation}
.hd-records-close{border:1px solid #806746;border-radius:4px;background:#20222c;font-size:24px!important;line-height:1;width:40px;height:40px;flex:none}
.hd-records-content{padding:17px;max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}
.hd-records-content>label{display:block;font-size:11px;color:#bbae96;margin-bottom:5px}
#hd-ranking-search{display:block;width:100%;min-height:43px;padding:8px 11px;border:1px solid #716046;border-radius:4px;background:#101621;outline-offset:2px}
.hd-ranking-head,#hd-ranking-list li{display:grid;grid-template-columns:52px minmax(0,1fr) 94px;gap:10px;align-items:center}
.hd-ranking-head{font-size:10px;color:#978d7e;margin-top:20px;padding:0 10px 8px}
.hd-ranking-head span:last-child{text-align:right}
#hd-ranking-list{list-style:none;padding:0;margin:0}
#hd-ranking-list li{padding:12px 10px;border-top:1px solid #373846}
#hd-ranking-list .is-self{background:#b68b3f12;border-left:2px solid #b78f56}
.hd-rank-rank{color:#c9a36b;font-weight:bold}.hd-rank-name{overflow-wrap:anywhere}.hd-rank-time{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;color:#d9ceb7}
.hd-records-status{color:#b7a990;font-size:12px;margin:15px 0 0;min-height:18px}
.hd-records-button{min-height:41px;padding:8px 13px;border:1px solid #816648;border-radius:4px;background:#302a32;box-shadow:inset 0 1px #e8c79113}
#hd-ranking-more{width:100%;margin-top:12px}
.hd-analytics-dialog{width:min(850px,calc(100vw - 20px))}
.hd-analytics-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:17px}
.hd-analytics-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:19px}
.hd-analytics-summary>div{border:1px solid #4f4b46;background:#101722;padding:12px;border-radius:4px}
.hd-analytics-summary span{display:block;font-size:10px;color:#b1a38d;margin-bottom:4px}
.hd-analytics-summary strong{font-size:18px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.hd-analytics-table{max-width:100%;overflow-x:auto}
.hd-analytics-table table{width:100%;border-collapse:collapse;min-width:620px;text-align:left}
.hd-analytics-table th{font-size:10px;font-weight:normal;color:#b4a68e;background:#25232c}
.hd-analytics-table th,.hd-analytics-table td{padding:10px 9px;border-bottom:1px solid #393945}
.hd-analytics-table td{font-size:12px;font-variant-numeric:tabular-nums}
@media(max-width:480px){.hd-records-dialog h2{font-size:14px}.hd-records-dialog header{padding:10px 12px}.hd-records-content{padding:13px}.hd-ranking-head,#hd-ranking-list li{grid-template-columns:40px minmax(0,1fr) 86px;gap:7px}.hd-rank-name{font-size:12px}.hd-rank-time{font-size:11px}.hd-analytics-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.hd-analytics-summary strong{font-size:16px}}