.bhop-shell{max-width:1200px;margin:24px auto 64px;padding:0 20px;color:#e8edf5}.bhop-nav{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:32px}.bhop-shell a{color:#9fe68e}.bhop-shell h1{font-size:clamp(30px,4vw,48px);font-weight:750;letter-spacing:-.03em;overflow-wrap:anywhere}.bhop-shell h2{font-size:24px}.bhop-shell h3{font-size:18px;overflow-wrap:anywhere}.bhop-hero{padding:40px 0}.bhop-hero h1{font-size:clamp(38px,5vw,66px);line-height:1.05;margin:20px 0}.bhop-hero p{max-width:680px;color:#aab6c7;line-height:1.7}.bhop-kicker{font-size:12px;letter-spacing:.15em;color:#9fe68e}.bhop-panel{overflow-wrap:anywhere;border:1px solid #303949;border-radius:16px;padding:24px;margin:20px 0;background:#171e29}.bhop-steps,.bhop-leaders{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.bhop-steps span,.bhop-leaders>div{padding:18px;background:#202a37;border-radius:10px}.bhop-leaders strong,.bhop-leaders small{display:block;overflow-wrap:anywhere}.bhop-leaders strong{font-size:22px;color:#9fe68e;margin-top:10px;font-variant-numeric:tabular-nums}.bhop-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:24px 0}.bhop-filters label{display:grid;gap:6px;font-size:13px;flex:1 1 150px;min-width:0}.bhop-filters .bhop-search{flex:2 1 240px}.bhop-table-wrap{overflow:auto;max-width:100%;overscroll-behavior-inline:contain}.bhop-shell .table{margin:0;--bs-table-bg:transparent;--bs-table-color:#e8edf5;--bs-table-border-color:#303949;min-width:660px}.bhop-shell th{font-size:12px;color:#aab6c7;white-space:nowrap}.bhop-shell td{vertical-align:middle;padding:16px 10px}.bhop-time{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.bhop-player{display:flex;align-items:center;gap:10px;max-width:300px}.bhop-player span{overflow-wrap:anywhere;min-width:0}.bhop-player img{border-radius:6px;object-fit:cover;flex-shrink:0}.bhop-self{background:#9fe68e12}.bhop-replay{font-size:12px;max-width:270px;margin-top:5px}.bhop-replay code{overflow-wrap:anywhere}.bhop-pager{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px}.bhop-pager span{margin-right:auto;color:#aab6c7;font-size:13px}.bhop-chart{display:block;width:100%;height:auto;background:#111822;border-radius:10px}.bhop-status{color:#dfcf86}.bhop-shell pre{white-space:pre-wrap;overflow-wrap:anywhere}.bhop-shell details>summary{cursor:pointer}.bhop-admin-form{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.bhop-admin-form input,.bhop-admin-form select{flex:1 1 160px;min-width:0}.bhop-admin-form textarea{flex-basis:100%}.bhop-feedback{position:sticky;top:12px;z-index:5}.bhop-shell code{color:#a9dab5}@media(max-width:600px){.bhop-shell{padding:0 12px;margin-top:18px}.bhop-panel{padding:18px 14px;border-radius:12px}.bhop-hero{padding:20px 4px}.bhop-steps,.bhop-leaders{grid-template-columns:1fr}.bhop-steps{gap:8px}.bhop-steps span{padding:12px}.bhop-nav{gap:12px;font-size:14px}.bhop-shell td{padding:12px 8px}.bhop-filters button{width:100%}.bhop-leaders>div{display:grid;grid-template-columns:1fr 1fr}.bhop-leaders strong{margin:0;font-size:19px}.bhop-leaders small{grid-column:1/-1}.bhop-shell .btn{white-space:normal}}

.bhop-shell .text-secondary{color:#aab6c7!important}.bhop-delta{white-space:nowrap;font-variant-numeric:tabular-nums}@media(max-width:600px){.bhop-shell .bhop-board{display:block;min-width:0;width:100%}.bhop-board thead{display:none}.bhop-board tbody{display:block}.bhop-board tr{display:grid;grid-template-columns:32px minmax(0,1fr) 102px;gap:8px 4px;padding:16px 0;border-bottom:1px solid #303949}.bhop-shell .bhop-board td{padding:0;border:0;min-width:0}.bhop-board td:nth-child(1){grid-column:1;grid-row:1;font-size:12px;color:#aab6c7}.bhop-board td:nth-child(2){grid-column:2;grid-row:1}.bhop-board td:nth-child(3){grid-column:3;grid-row:1;text-align:right;font-size:14px}.bhop-board td:nth-child(4){grid-column:2/4;font-size:12px;color:#aab6c7}.bhop-board td:nth-child(4):before{content:"От лидера: "}.bhop-board td:nth-child(5){grid-column:2/4;font-size:12px;color:#aab6c7}.bhop-board .bhop-player{gap:6px;font-size:13px}.bhop-board .bhop-player img{width:22px;height:22px}.bhop-board .bhop-replay{max-width:none}.bhop-board .bhop-replay summary{color:#9fe68e}}
