/* 虎扑的静态剧情页面。所有可滚动区域保留触摸、滚轮及键盘滚动。 */
.hupu-app{--hp-red:#e11636;--hp-gray:#8d929e;--hp-line:#eceef2;height:100%;min-height:0;width:100%;display:flex;flex-direction:column;overflow:hidden;background:#fff;color:#25262a;font:15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;text-align:left;isolation:isolate}
.hupu-app *, .hupu-app *::before,.hupu-app *::after{box-sizing:border-box;scrollbar-width:none}
.hupu-app *::-webkit-scrollbar{display:none}
.hupu-app button,.hupu-app input,.hupu-app select{font:inherit;color:inherit}
.hupu-app button{border:0;background:none;padding:0;cursor:pointer;min-width:0;box-shadow:none;border-radius:0;text-align:inherit;-webkit-tap-highlight-color:transparent}
.hupu-app button:active{opacity:.72}
.hupu-app button:focus-visible,.hupu-app input:focus-visible,.hupu-app select:focus-visible{outline:2px solid #5296fa;outline-offset:-2px}
.hupu-app img{display:block;max-width:100%;object-fit:cover}
.hupu-app h1,.hupu-app h2,.hupu-app h3,.hupu-app h4,.hupu-app p{margin:0}
.hupu-app small{font-size:12px}
.hupu-app .hp-scroll{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;outline:none}
.hp-head{height:54px;flex:none;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;padding:0 8px;background:#fff;text-align:center;z-index:3}
.hp-head h1,.hp-head b,.hp-head strong{font-size:18px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hp-head button{height:44px;display:grid;place-items:center;font-size:26px;text-align:center}
.hp-head button svg{width:23px;height:23px}
.hp-head>i{display:block}
.hp-tabs,.hp-team-tabs,.hp-event-tabs{display:flex;align-items:stretch;gap:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;background:#fff;flex:none;scrollbar-width:none}
.hp-tabs::-webkit-scrollbar,.hp-team-tabs::-webkit-scrollbar,.hp-event-tabs::-webkit-scrollbar{display:none}
.hp-tabs button,.hp-team-tabs button,.hp-event-tabs button{position:relative;flex:none;min-height:49px;padding:0 15px;color:var(--hp-gray);font-size:15px;text-align:center}
.hp-tabs button.on,.hp-tabs button.active,.hp-tabs button[aria-selected=true],.hp-team-tabs button.on,.hp-team-tabs button.active,.hp-team-tabs button[aria-selected=true],.hp-event-tabs button.on,.hp-event-tabs button.active,.hp-event-tabs button[aria-selected=true]{color:#17181b;font-weight:550}
.hp-tabs button.on::after,.hp-tabs button.active::after,.hp-tabs button[aria-selected=true]::after,.hp-team-tabs button.on::after,.hp-team-tabs button.active::after,.hp-team-tabs button[aria-selected=true]::after,.hp-event-tabs button.on::after,.hp-event-tabs button.active::after,.hp-event-tabs button[aria-selected=true]::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:3px;width:30px;background:var(--hp-red)}
.hp-day{min-height:30px;padding:6px 16px;background:#f0f1f5;color:#737985;font-size:13px}
.hp-end{padding:22px;text-align:center;color:var(--hp-gray);font-size:13px}

/* 首页和无畏契约首页 */
.hp-home-head{min-height:48px;display:flex;align-items:center;gap:9px;padding:5px 15px 6px;background:#fff}
.hp-home-head>img,.hp-home-head .hp-logo{width:35px;height:31px;object-fit:contain;flex:none}
.hp-home-search{flex:1;min-width:0;border:1px solid #dedfe5;border-radius:4px;padding:5px 9px;color:#8b8f99;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hp-home-tabs{display:flex;align-items:center;gap:19px;padding:4px 16px 0;overflow:auto;white-space:nowrap;background:#fff;border-bottom:1px solid #f0f0f2;flex:none}
.hp-home-tabs button,.hp-home-tabs>span{position:relative;min-height:42px;display:grid;align-items:center;font-size:15px;color:#62646b;white-space:nowrap}
.hp-home-tabs button.on,.hp-home-tabs button.active{font-weight:700;color:#202124}
.hp-home-tabs button.on::after,.hp-home-tabs button.active::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--hp-red)}
.hp-home-body{padding:4px 15px 18px}
.hp-score{border-bottom:1px solid #f0f1f3;text-align:center;padding:10px 2px}
.hp-score>small{color:#777c86;font-size:11px}
.hp-score>div{display:flex;align-items:center;justify-content:center;gap:6px}
.hp-score img{width:33px;height:33px;object-fit:contain}
.hp-score span{font-size:12px;font-weight:650}
.hp-score b{font-size:20px;letter-spacing:.01em}
.hp-score b i{font-size:14px;color:#999;font-style:normal}
.hp-score em{font-size:11px;color:#5298c2;font-style:normal}
.hp-home-body h4{text-align:center;font-size:13px;padding:14px 0;font-weight:600}
.hp-promo,.hp-transfer-promo{display:block;width:100%;padding:14px 6px!important;border-bottom:1px solid #f0f1f3!important;text-align:center!important}
.hp-promo small,.hp-transfer-promo small{display:block;color:#777c86;font-size:11px}
.hp-promo b,.hp-transfer-promo b{display:block;font-size:16px}
.hp-transfer-promo small{color:var(--hp-red)}
.hp-shortcuts{display:flex;align-items:flex-start;justify-content:space-around;gap:5px;padding:7px 0 15px}
.hp-shortcuts button,.hp-shortcuts>div{flex:1;min-width:0;display:grid;justify-items:center;gap:4px;color:#303136;font-size:12px;font-weight:600;text-align:center}
.hp-shortcuts i,.hp-shortcuts img{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#f6f5fa;color:#d94a52;font-size:22px;font-style:normal;object-fit:contain}
.hp-banner{width:100%;border-radius:4px;object-fit:cover}
.hp-home-news{margin-top:15px;border-top:5px solid #f1f2f5}
.hp-home-news article{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid #edf0f2;font-size:15px}
.hp-home-news article>div{flex:1;min-width:0}
.hp-home-news small{display:block;color:#9296a0;margin-top:10px;font-size:11px}
.hp-home-news img{width:29%;aspect-ratio:1.45;border-radius:3px}

/* 我的主队 */
.hp-team-chooser{display:flex;align-items:flex-start;gap:27px;padding:23px 17px 15px;min-height:137px;background:#fff}
.hp-team-chooser>div{width:61px;display:grid;justify-items:center;gap:8px;text-align:center;color:#25262a;font-size:13px;flex:none}
.hp-team-chooser>div:last-child{color:#959aa4}
.hp-team-chooser img,.hp-add-circle{width:61px;height:61px;border-radius:50%;object-fit:contain}
.hp-add-circle{display:grid;place-items:center;background:#f1f4fb;color:#c6cbd3;font-size:35px;font-weight:200}
.hp-team-summary{position:relative;padding:15px 16px 12px;background:#063da4;color:#fff}
.hp-team-summary::before{content:'';position:absolute;top:-7px;left:38px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #063da4}
.hp-team-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;text-align:center;margin:0 0 14px}
.hp-team-stats>div{min-width:0;display:grid;gap:4px}
.hp-team-stats b{font-size:21px;font-weight:400;white-space:nowrap}
.hp-team-stats span{font-size:12px;color:#eef3ff}
.hp-team-stats>div:first-child{border-right:1px solid #f0f4ff8a}
.hp-next-game{min-height:59px;background:#fff;color:#25262a;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 7px;white-space:nowrap}
.hp-next-game img{display:inline-block;width:30px;height:30px;object-fit:contain;vertical-align:middle}
.hp-next-game>span{font-size:13px}
.hp-next-game>span>.hp-team-badge{display:inline-grid;vertical-align:middle}
.hp-next-game>div{display:grid;text-align:center;min-width:90px;font-size:14px;line-height:1.25}
.hp-next-game small{color:#9297a2;font-size:11px}
.hp-team-tabs{position:sticky;top:0;z-index:2;border-top-right-radius:22px;border-bottom:1px solid #f3f3f5}
.hp-team-tabs button{padding:0 13px}
.hp-forum{background:#fff}
.hp-forum article{padding:17px 16px 15px;border-bottom:1px solid #f0f0f2}
.hp-forum article>small{color:#9297a2}
.hp-forum article p{font-size:16px;line-height:1.7;margin:8px 0}
.hp-forum article>div{display:flex;justify-content:space-between;color:#9297a2;font-size:12px}
.hp-publish{position:sticky;bottom:14px;z-index:2;width:max-content;display:block;margin:-44px auto 13px;background:#0743af;color:#fff;border-radius:40px;padding:9px 24px;box-shadow:0 3px 10px #082a6c30}
.hp-article-list article{display:flex;align-items:center;gap:12px;min-height:98px;margin:0 16px;padding:12px 0;border-bottom:1px solid #eceef1}
.hp-article-list article>div{flex:1;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between}
.hp-article-list article p{font-size:15px;line-height:1.5;font-weight:450;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hp-article-list article small{color:#7d828e;font-size:11px}
.hp-article-thumb{width:104px;height:70px;flex:none!important;border-radius:2px;display:grid;place-items:center;background:linear-gradient(120deg,#293d66,#a1a8b5);color:#fff;overflow:hidden}
.hp-article-thumb img{width:65px;height:65px;object-fit:contain}
.hp-article-thumb b{font-size:19px;letter-spacing:.04em}
.hp-thumb-1{background:linear-gradient(120deg,#343c48,#d0a476)}.hp-thumb-2{background:linear-gradient(120deg,#12395e,#9c8444)}.hp-thumb-3{background:linear-gradient(120deg,#8d3a29,#d29d58)}
.hp-game-list .hp-match{min-height:93px}
.hp-badge-image{width:25px;height:25px;object-fit:contain;flex:none}
.hp-team-badge{width:25px;height:25px;display:inline-grid;place-items:center;flex:none;border-radius:50%;background:#edf0f5;color:#26334a;border:1px solid #949ba8;font-size:9px;font-weight:800;line-height:1;letter-spacing:-.05em}
.hp-badge-lal{background:#582a9c;color:#ffce44}.hp-badge-det{background:#1862bd;color:#fff}.hp-badge-phi{background:#1364bd;color:#fff}.hp-badge-chi{background:#d7173c;color:#fff}.hp-badge-bkn{background:#121212;color:#fff}.hp-badge-dal{background:#2379b9;color:#fff}.hp-badge-sas{background:#f6f7f8;color:#111}.hp-badge-hou{background:#d92339;color:#fff}
.hp-data-section,.hp-records,.hp-simple-section{padding:17px 16px}
.hp-data-section h3,.hp-records h3,.hp-simple-section h3{font-size:17px;font-weight:550;margin-bottom:12px}
.hp-data-filters{display:flex;gap:7px;margin:11px 0 8px}
.hp-data-filters button,.hp-record-head button{background:#f0f3f9;border:0;padding:5px 10px;min-height:31px;font-size:13px}
.hp-data-filters .active,.hp-record-head .active{background:#e2eaf7;color:#222}
.hp-muted{color:#9096a1;font-size:13px;padding:18px 4px}
.hp-simple-players{display:grid;gap:0}.hp-simple-players>div{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--hp-line)}.hp-simple-players img{width:38px;height:38px;object-fit:contain}
.hp-points>div{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--hp-line);padding:10px 0}.hp-points b{color:var(--hp-red)}.hp-points strong{margin-left:auto}
.hp-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#f5f6f8;padding:10px 0 12px}
.hp-stat-grid>div{min-width:0;text-align:center;padding:7px 2px}
.hp-stat-grid b{display:block;font-size:16px;font-weight:500;white-space:nowrap}
.hp-stat-grid span{display:block;color:#9297a3;font-size:11px;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hp-stat-grid small{display:block;background:#fff;color:#9297a3;font-size:10px;margin-top:7px}
.hp-stat-grid em{color:#d41032;font-style:normal}
.hp-expand{display:block;margin:12px auto;color:#969ba6!important;font-size:13px!important;padding:6px 12px!important;text-align:center!important}
.hp-history{margin:22px -16px 0;border-top:8px solid #f1f2f5;padding:16px}
.hp-history-table{display:grid;grid-template-columns:repeat(6,minmax(82px,1fr));overflow-x:auto;background:#f5f6f8;font-size:12px;text-align:center}
.hp-history-table>div,.hp-history-table>span{padding:8px 10px;border-bottom:1px solid #e8eaef;white-space:nowrap}
.hp-history-table>div{font-weight:650}
.hp-record-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.hp-record-head>div{display:flex;gap:0}
.hp-records .hp-record-grid{margin-top:12px}
.hp-record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 7px;padding:12px 3px}
.hp-record-grid>div{text-align:center;min-width:0}
.hp-record-avatar{width:53px;height:53px;margin:auto;display:grid;place-items:center;border-radius:50%;background:#e8eff8;color:#104fa5;font-size:21px;font-weight:650}
.hp-record-grid small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#9297a2}
.hp-record-grid b{display:block;font-size:17px;font-weight:500;margin:4px 0}
.hp-record-grid span{color:#9297a2;font-size:12px}

/* 无畏契约赛事：日期、对阵、比分和状态 */
.hp-event-tabs{border-bottom:1px solid #f0f1f3}
.hp-event-tabs button{margin:0 8px;padding:0 5px}
.hp-match{width:100%;min-height:91px;display:grid;grid-template-columns:27% 51% 22%;align-items:center;gap:0;background:#fff;border-bottom:1px solid #eceef1;padding:9px 16px;text-align:left}
.hp-match-time{display:grid;gap:4px;font-size:15px;font-weight:500}
.hp-match-time small{font-size:11px;color:#9298a4;font-weight:400}
.hp-match-teams{min-width:0;display:grid;gap:4px}
.hp-match-teams>span{min-width:0;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}
.hp-match-teams .hp-badge-image,.hp-match-teams .hp-team-badge{width:23px;height:23px;flex:none}
.hp-match-teams>span>b{margin-left:auto;flex:none;font-size:16px;font-weight:450;color:#9399a5}
.hp-match-teams>span>b.winner{color:#25262a}
.hp-match-result{min-height:57px;display:grid;align-content:center;gap:2px;padding-left:8px;border-left:1px solid #eceef2;text-align:center;white-space:nowrap;font-size:14px}
.hp-match-result small{display:block;color:#939aa8;font-size:11px}
.hp-match-result.hp-live,.hp-match-time .hp-live{color:#dd1738}
.hp-transfer-event{font-size:16px}
.hp-match .hp-match-arrow{color:#25262a;font-size:10px}

/* VCTCN 转会期 */
.hp-transfer-tools{display:flex;align-items:center;gap:7px;padding:9px 12px;background:#f4f5f8}
.hp-transfer-tools label{min-width:0;flex:1}
.hp-transfer-tools input{display:block;width:100%;min-height:36px;border:1px solid #e1e4e9;border-radius:7px;padding:7px 11px;background:#fff;font-size:14px}
.hp-transfer-tools>button{width:35px;height:35px;border:2px dotted #a4a9b3;border-radius:8px;display:grid;place-items:center;font-size:26px;text-align:center;flex:none}
.hp-transfer-tools>button.followed{border:2px solid #d71d3d;background:#d71d3d;color:#fff;font-size:18px}
.hp-jr-mark{font-size:17px;font-weight:900;color:var(--hp-red)}
.hp-legend{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:0 12px 11px;background:#f4f5f8;color:#6e7480;font-size:11px}
.hp-legend span{white-space:nowrap}.hp-legend span::first-letter{color:#f72d67}.hp-legend span:nth-child(2)::first-letter{color:#f79a25}.hp-legend span:nth-child(3)::first-letter{color:#8656d5}.hp-legend span:nth-child(4)::first-letter{color:#e9c12d}.hp-legend span:nth-child(5)::first-letter{color:#2cb6bd}
.hp-legend small{margin-left:auto;color:#838a96}
.hp-roster{padding:0 12px 70px;background:#f4f5f8}
.hp-roster-card{background:#fff;border:1px solid #e7eaf0;margin-bottom:13px}
.hp-roster-title{width:100%;min-height:42px;padding:0 13px!important;display:flex;align-items:center;gap:9px;background:linear-gradient(90deg,#e9f6f8,#fff)!important;font-size:17px!important}
.hp-roster-title b{font-weight:600}.hp-roster-logo{width:26px;height:26px;display:grid;place-items:center;background:#f1f4f7;color:#34758f;font-size:11px;letter-spacing:-.03em}
.hp-roster-card:nth-child(2) .hp-roster-title{background:linear-gradient(90deg,#f9ecee,#fff)!important}.hp-roster-card:nth-child(2) .hp-roster-logo{color:#cb3037}
.hp-roster-card:nth-child(3) .hp-roster-title{background:linear-gradient(90deg,#efeff0,#fff)!important}.hp-roster-card:nth-child(3) .hp-roster-logo{color:#171719}
.hp-roster-title span{margin-left:auto;color:#757b86;font-size:22px}
.hp-players{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px 3px;padding:13px 4px 15px}
.hp-player{min-width:0;display:grid;justify-items:center;align-content:start;gap:4px;text-align:center;color:#30333a;font-size:11px}
.hp-player-avatar{width:44px;height:44px;max-width:100%;border-radius:50%;background:#eff0f3;display:grid;place-items:center;color:#9299a5;font-size:17px;font-weight:600}
.hp-status-official{box-shadow:0 0 0 3px #f32d68,0 1px 8px #f32d68}.hp-status-near{box-shadow:0 0 0 3px #f39530,0 1px 8px #f39530}.hp-status-talks{box-shadow:0 0 0 3px #8655d4,0 1px 8px #8655d4}.hp-status-rumor{box-shadow:0 0 0 3px #eacb35,0 1px 8px #eacb35}.hp-status-available{box-shadow:0 0 0 3px #35b7bb,0 1px 8px #35b7bb}
.hp-player>span{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hp-transfer-bottom{position:sticky;bottom:0;z-index:3;display:flex;min-height:54px;align-items:stretch;background:#fff;box-shadow:0 -1px 5px #0001}
.hp-transfer-bottom button{flex:1;text-align:center;color:#7c8290;font-size:15px}
.hp-transfer-bottom button.on,.hp-transfer-bottom button.active{color:#ce2040;font-weight:600;border-top:3px solid #ce2040}
.hp-transfer-feed{padding:14px 16px;background:#fff}
.hp-transfer-feed article{display:flex;align-items:center;gap:8px;padding:13px 0;border-bottom:1px solid #eceef1}
.hp-transfer-feed b{color:#39475a}.hp-transfer-feed span{font-size:15px}.hp-transfer-feed small{margin-left:auto;color:#8e94a0}

/* 银河战舰：预算与 5 人阵容 */
.hp-lineup{background:#f1f2f5;color:#222}
.hp-lineup .hp-scroll{background:#f1f2f5}
.hp-lineup-hero{background:linear-gradient(135deg,#141412,#34302a 46%,#121212);color:#dfc88a;padding:14px 13px 0}
.hp-lineup-hero>b{display:block;font-size:25px;letter-spacing:.02em;margin:7px 0;line-height:1.15;font-weight:750}
.hp-lineup-hero p{font-size:12px;color:#a9a4a0}
.hp-lineup-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;color:#d5bd78;font-size:13px;font-weight:700}
.hp-lineup-head button{border:1px solid #83734e!important;border-radius:20px!important;padding:5px 11px!important;color:#fff!important;font-weight:600!important;font-size:13px!important}
.hp-lineup-hero>small{font-size:12px;font-weight:650;letter-spacing:.06em}
.hp-lineup-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:14px -13px 0;padding:13px 10px 7px;background:#1d1d1c;color:#837552}
.hp-lineup-slots button,.hp-lineup-slots>div{aspect-ratio:1.08;border:1px dashed #726747;border-radius:8px;display:grid;place-content:center;gap:0;text-align:center;color:#a99a6b;font-size:12px;overflow:hidden}
.hp-lineup-slots button b{font-size:20px}
.hp-lineup-slots>div b{font-size:20px}
.hp-lineup-slots button.filled{background:#302d26;border-style:solid;color:#eee}
.hp-lineup-slots button.filled small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hp-budget{display:flex;align-items:center;gap:9px;background:#1d1d1c;color:#93938f;margin:0 -13px;padding:0 12px 12px;font-size:12px}
.hp-budget b{color:#dfc88a;font-size:22px}
.hp-budget>div{height:5px;flex:1;border-radius:5px;background:#353533;overflow:hidden}
.hp-budget>div>i{display:block;height:100%;background:#d0b778}
.hp-budget strong{color:#fff;font-size:16px}
.hp-lineup-filters{display:flex;gap:13px;align-items:center;overflow-x:auto;background:#fff;white-space:nowrap;padding:8px 12px;min-height:43px}
.hp-lineup-filters button,.hp-lineup-filters>span{position:relative;color:#6d7280;font-size:15px;flex:none}
.hp-lineup-filters button.on,.hp-lineup-filters button.active{color:#202025;font-weight:700}
.hp-lineup-filters button.on::after,.hp-lineup-filters button.active::after{content:'';position:absolute;bottom:-9px;left:0;right:0;height:3px;background:#cfbb77}
.hp-lineup-list{display:grid;grid-template-columns:65px minmax(0,1fr);min-height:200px}
.hp-lineup-teams{background:#eef0f4;display:grid;align-content:start}
.hp-lineup-teams button{padding:10px 2px;text-align:center;color:#6d7380;font-weight:650;font-size:13px}
.hp-lineup-teams button.on,.hp-lineup-teams button.active{background:#fff;color:#252528}
.hp-lineup-teams small{display:block;color:#a0a5af;font-size:10px;font-weight:400}
.hp-lineup-players{background:#fff}
.hp-lineup-row{min-height:81px;border-bottom:1px solid #eceef1;padding:10px 9px;display:grid;grid-template-columns:53px minmax(0,1fr) auto 32px;align-items:center;gap:7px}
.hp-lineup-avatar{width:52px;height:52px;border-radius:6px;background:#e8eaf0;display:grid;place-items:center;color:#555e70;font-size:19px;font-weight:700}
.hp-lineup-row>div{min-width:0}
.hp-lineup-row b{display:block;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hp-lineup-row b small{font-size:10px;color:#6f7784;background:#eff0f4;padding:1px 3px;border-radius:2px}
.hp-lineup-row span{display:inline-block;font-size:11px;color:#626977;background:#eff0f4;margin-right:4px;padding:1px 3px;border-radius:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hp-lineup-row>div>small{display:block;font-size:10px;color:#a0a5b0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hp-lineup-row strong{font-size:21px;white-space:nowrap}
.hp-lineup-row strong small{font-size:10px;color:#818693}
.hp-lineup-row button{width:30px;height:30px;background:#151515;color:#d9c17d;border-radius:50%;display:grid;place-items:center;text-align:center;font-size:21px}
.hp-lineup-row button.selected{background:#d9c17d;color:#151515}
.hp-lineup-bottom{flex:none;display:grid;grid-template-columns:32% 1fr;gap:10px;padding:9px 12px;background:#fff;border-top:1px solid #e4e6eb}
.hp-lineup-bottom button{min-height:46px;border:1px solid #333;border-radius:6px;text-align:center;font-weight:700;font-size:15px}
.hp-lineup-bottom button:last-child{background:#2a2a2a;color:#c8b172;border-color:#2a2a2a}
.hp-lineup-bottom button:disabled{opacity:.7}
.hp-rules-overlay>div{max-height:calc(100% - 20px);overflow:auto;line-height:1.6}
.hp-rules-overlay p{font-size:14px}
.hp-rules-close{display:block;width:100%;margin-top:14px;border-radius:9px!important;background:#222!important;color:#fff!important;text-align:center!important;padding:10px 12px!important;font-weight:650!important}

#device:has(.hupu-app) #system,#device:has(.hupu-app) #homekey{background:#fff;color:#171719}
#device:has(.hp-lineup) #system{background:#141414;color:#fff}
#device:has(.hp-lineup) #homekey{background:#fff;color:#171719}
@media(max-width:355px){.hp-team-stats b{font-size:18px}.hp-team-tabs button{padding:0 11px}.hp-match{grid-template-columns:26% 50% 24%;padding-left:10px;padding-right:10px}.hp-match-teams>span{font-size:13px}.hp-player-avatar{width:37px;height:37px}.hp-lineup-row{grid-template-columns:43px minmax(0,1fr) auto 29px;gap:5px}.hp-lineup-avatar{width:42px;height:42px}.hp-lineup-row b{font-size:14px}}