配信画面に載せるもの - ｻﾊﾞｸﾉｱﾗｼwiki【9/27更新】

配信画面に載せるもの

本ページでは「OBSの配信画面でSandstormと一緒に出しそうなコンテンツ」を紹介していく。
以下目次
Insurgency Trackerの戦績表示
LiveSplitのAutoSplitter使用

Insurgency Trackerの戦績表示

Kami氏のInsurgency: Trackerの戦績をOBSのブラウザソースを用いて表示するCSSを制作した。

手順1: 自身のInsurgency: Trackerページを見つける

Insurgency: Trackerにアクセスし、自分の表示名を入力、ゲームプラットフォームを選択して検索する。

発見した自分のページのURLをコピーする。

OBSのブラウザソースに、URLを貼り付ける。その際、TrackerのURLの末尾に注意する。

• VERSUS(PvP)の戦績を参照したい場合、URL末尾が/Pvp
• COOP(PvE)の戦績を参照したい場合、URL末尾が/Coop
• Community(カスタムサーバー)の戦績を参照したい場合、URL末尾が/Community

となっている必要がある。未指定の場合デフォルト(Versus,Coop,Communityの順に履歴が存在するもの)に充てられる。

なお、次の手順で「全体統計」と「武器毎統計」に分かれるが、両方とも表示したい場合は、ブラウザソースを2つ作って、別々に編集する必要がある、その際1枚目のブラウザソースをコピーペーストすると失敗することがあるので注意。

手順2-A: 全体統計の表示

ここからは「全体的な統計データ」を表示するための手順。

まず、以下から表示させたいものを選ぶ。すべて選んでもよい。

...

サイズ1: 分間スコア, KD比, 総キル数, 分間キル数, 勝率, 勝利数, 総デス数, 総アシスト数, 命中率, ヘッドショット率, 総目標確保数, 総移動距離, 最多キル数自己ベスト, 最大KD比自己ベスト, 最大スコア自己ベスト, 最多ヘッドショット数自己ベスト, 最大命中率自己ベスト, 最多目標確保数自己ベスト
サイズ2: PvP TrueSkillレーティング(Push), PvP TrueSkillレーティング(Domination), PvP TrueSkillレーティング(Frontline)

そして、選んだものの総サイズ数を数える。サイズ1のものは「1」として数え、サイズ2のものは「2」として数える。例えば、サイズ1を4つ選び、サイズ2を3つ選んだ場合、1×4+2×3より総サイズ10とする。そして、総サイズの値に176をかけた値を、ブラウザソースの横幅に入力する。縦幅は172でよい。

次に、ブラウザソースのCSSに、以下のコードをコピーペーストする。ただし、その際、コードの終盤にある「表示するもの」から、自分が選んだ表示させたいもののみを残し、それ以外を消しておく。

...

/*
 * Insurgency Tracker -> OBS browser-source cards
 * Based on the saved PvP profile page of 2026-09-27.
 *
 * OBS URL example:
 * https://www.insurgencytracker.com/profile/SteamNWI/76561198355766793/Pvp
 * For the other game modes, replace /Pvp with /Coop or /Community.
 *
 * ↓↓↓↓↓ HOW TO USE, read through it - don't skip any! ↓↓↓↓↓
 * 
 * Paste this whole file into OBS > Browser Source > Custom CSS.
 * Then KEEP only the desired one-line display rules in the final section.
 * Deleting one display rule removes exactly that card. Do not remove the
 * common layout rules above the final section. Cards form ONE horizontal row.
 * Set the OBS Browser Source height to 172 px. Its width must include every
 * selected card; otherwise cards outside the viewport cannot reach OBS's
 * Scroll filter. Browser width = 176 x (ordinary cards + 2 x TrueSkill cards).
 * Example: all 12 basic + 6 best + 3 TrueSkill cards => 4224 x 172 px.
 * In the OBS Scroll filter, enable Limit Width = 704 px, set a nonzero
 * Horizontal Speed, set Vertical Speed = 0, and enable Loop as desired.
 * TrueSkill is present only on PvP. Its cards occupy two card slots each.
 *
 * The percent under most basic statistics is the site's leaderboard
 * percentile, NOT the statistic's change. Distance shows km/h instead.
 * CSS only rearranges data already present in the loaded page.
 * 
 * CSS made by Pathfinder with ChatGPT 5.6-Sol
 * Contact: https://discordapp.com/users/339493537877852160
 * or visit Insurgency: Sandstorm Official Discord Community
 * and find Community Advisor 4ck_ぱすふぁいんだー
 * 
 */
 
:root {
    --it-card-width: 156px;
    --it-card-height: 152px;
    --it-gap: 20px;
    --it-padding: 10px;
}
 
html, body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
}
 
body { display: block !important; }
body::before { content: none !important; }
body > header, body > footer, body > button, #ua-solidarity-banner {
    display: none !important;
}
 
/* Flatten only the paths leading to statistics into a single horizontal row. */
main[role="main"] {
    display: grid !important;
    grid-template-columns: none !important;
    grid-template-rows: var(--it-card-height) !important;
    grid-auto-columns: var(--it-card-width) !important;
    grid-auto-flow: column !important;
    align-content: start !important;
    justify-content: start !important;
    gap: var(--it-gap) !important;
    width: max-content !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: var(--it-padding) !important;
    overflow: visible !important;
    background: transparent !important;
}
 
main[role="main"] > :not(.container.py-4),
main[role="main"] > .container.py-4 > :not(.ts-card):not(.row.g-4) {
    display: none !important;
}
 
main[role="main"] > .container.py-4,
main[role="main"] > .container.py-4 > .row.g-4,
main[role="main"] > .container.py-4 > .row.g-4 > .col-lg-9,
main[role="main"] > .container.py-4 > .row.g-4 > .col-lg-3,
main[role="main"] > .container.py-4 > .row.g-4 > .col-lg-9 > .row.g-3.mb-4,
main[role="main"] > .container.py-4 > .row.g-4 > .col-lg-3 > .best-matches-grid,
main[role="main"] > .container.py-4 > .ts-card,
main[role="main"] > .container.py-4 > .ts-card > .ts-card__modes[data-season-index="0"] {
    display: contents !important;
}
 
main[role="main"] > .container.py-4 > .row.g-4 > .col-lg-9 > :not(.row.g-3.mb-4),
main[role="main"] > .container.py-4 > .row.g-4 > .col-lg-3 > :not(.best-matches-grid),
main[role="main"] > .container.py-4 > .ts-card > :not(.ts-card__modes),
main[role="main"] > .container.py-4 > .ts-card > .ts-card__modes:not([data-season-index="0"]) {
    display: none !important;
}
 
/* Every card starts hidden. The independent rules at the end reveal them. */
main[role="main"] .col-lg-9 > .row.g-3.mb-4 > .col-6,
main[role="main"] .col-lg-3 > .best-matches-grid > .best-match-card,
main[role="main"] .ts-card__modes[data-season-index="0"] > .ts-mode {
    display: none !important;
}
 
/* Main statistics: one grid cell per existing site card. */
main[role="main"] .col-lg-9 > .row.g-3.mb-4 > .col-6 {
    width: var(--it-card-width) !important;
    height: var(--it-card-height) !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
 
main[role="main"] .stat-card {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    padding: 20px 28px !important;
    overflow: hidden !important;
    background: #1a1e24 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 16px !important;
    transform: none !important;
}
 
main[role="main"] .stat-card__label {
    font-size: 13px !important;
    line-height: 1.25 !important;
    margin-bottom: 7px !important;
    white-space: nowrap !important;
    color: #9aa0a6 !important;
}
 
main[role="main"] .stat-card__value {
    font-size: 28px !important;
    line-height: 1 !important;
    margin-bottom: 8px !important;
    white-space: nowrap !important;
    color: #e8eaed !important;
}
 
main[role="main"] .stat-card__rank {
    font-size: 16px !important;
    line-height: 24px !important;
    white-space: nowrap !important;
    color: #ffcd1e !important;
}
 
main[role="main"] .stat-card__rank .nodots {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}
 
main[role="main"] .stat-card__rank img {
    width: 24px !important;
    height: 24px !important;
    object-fit: contain !important;
}
 
/* Personal Bests: value and map of the recorded match. */
main[role="main"] .best-match-card {
    width: var(--it-card-width) !important;
    height: var(--it-card-height) !important;
    margin: 0 !important;
    padding: 20px 22px !important;
    overflow: hidden !important;
    background: #1a1e24 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 16px !important;
    transform: none !important;
}
 
main[role="main"] .best-match-card__label {
    color: #9aa0a6 !important;
    font-size: 12px !important;
}
 
main[role="main"] .best-match-card__value {
    font-size: 26px !important;
    white-space: nowrap !important;
}
 
/* Current-season TrueSkill cards. Hidden entirely on Coop/Community. */
main[role="main"] .ts-card__modes[data-season-index="0"] > .ts-mode {
    grid-column: span 2 !important;
    width: auto !important;
    height: var(--it-card-height) !important;
    padding: 14px 16px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transform: none !important;
}
 
main[role="main"] .ts-mode__head {
    padding-bottom: 7px !important;
    margin-bottom: 6px !important;
}
 
main[role="main"] .ts-mode__body {
    flex: 1 1 auto !important;
    min-height: 46px !important;
    gap: 10px !important;
    margin-bottom: 6px !important;
}
 
main[role="main"] .ts-mode__tier,
main[role="main"] .ts-mode__silhouette {
    width: 46px !important;
    height: 46px !important;
}
 
main[role="main"] .ts-mode__rating { font-size: 26px !important; }
main[role="main"] .ts-mode__rank-number { font-size: 18px !important; }
main[role="main"] .ts-mode__rank-total,
main[role="main"] .ts-mode__subrank,
main[role="main"] .ts-mode__stamp { display: none !important; }
 
/* ========================================================================
   SELECT CARDS HERE
   Keep the lines you want; delete the others. A line means exactly one card.
   First row of basic stats = 1..6; second row = 1..6.
   The source labels and values remain live and are never hardcoded below.
   ======================================================================== */
 
/* 分間スコア */
main[role="main"] .col-lg-9 > .row.g-3.mb-4:nth-of-type(1) > :nth-child(1) { display: block !important; }
 
/* KD比 */
main[role="main"] .col-lg-9 > .row.g-3.mb-4:nth-of-type(1) > :nth-child(2) { display: block !important; }
 
/* 総キル数 */
main[role="main"] .col-lg-9 > .row.g-3.mb-4:nth-of-type(1) > :nth-child(3) { display: block !important; }
 
/* 分間キル数 */
main[role="main"] .col-lg-9 > .row.g-3.mb-4:nth-of-type(1) > :nth-child(4) { display: block !important; }
 
/* 勝率 */
main[role="main"] .col-lg-9 > .row.g-3.mb-4:nth-of-type(1) > :nth-child(5) { display: block !important; }
 
/* 勝利数 */
main[role="main"] .col-lg-9 > .row.g-3.mb-4:nth-of-type(1) > :nth-child(6) { display: block !important; }
 
/* 総デス数 */
main[role="main"] .col-lg-9 > .row.g-3.mb-4:nth-of-type(2) > :nth-child(1) { display: block !important; }
 
/* 総アシスト数 */
main[role="main"] .col-lg-9 > .row.g-3.mb-4:nth-of-type(2) > :nth-child(2) { display: block !important; }
 
/* 命中率 */
main[role="main"] .col-lg-9 > .row.g-3.mb-4:nth-of-type(2) > :nth-child(3) { display: block !important; }
 
/* ヘッドショット率 */
main[role="main"] .col-lg-9 > .row.g-3.mb-4:nth-of-type(2) > :nth-child(4) { display: block !important; }
 
/* 総目標確保数 */
main[role="main"] .col-lg-9 > .row.g-3.mb-4:nth-of-type(2) > :nth-child(5) { display: block !important; }
 
/* 総移動距離 */
main[role="main"] .col-lg-9 > .row.g-3.mb-4:nth-of-type(2) > :nth-child(6) { display: block !important; }
 
/* PvP TrueSkillレーティング(Push) ★サイズ2 */
main[role="main"] .ts-card__modes[data-season-index="0"] > :nth-child(1) { display: flex !important; }
 
/* PvP TrueSkillレーティング(Domination) ★サイズ2 */
main[role="main"] .ts-card__modes[data-season-index="0"] > :nth-child(2) { display: flex !important; }
 
/* PvP TrueSkillレーティング(Frontline) ★サイズ2 */
main[role="main"] .ts-card__modes[data-season-index="0"] > :nth-child(3) { display: flex !important; }
 
/* 最多キル数自己ベスト */
main[role="main"] .col-lg-3 > .best-matches-grid > :nth-child(1) { display: flex !important; }
 
/* 最大KD比自己ベスト */
main[role="main"] .col-lg-3 > .best-matches-grid > :nth-child(2) { display: flex !important; }
 
/* 最大スコア自己ベスト */
main[role="main"] .col-lg-3 > .best-matches-grid > :nth-child(3) { display: flex !important; }
 
/* 最多ヘッドショット数自己ベスト */
main[role="main"] .col-lg-3 > .best-matches-grid > :nth-child(4) { display: flex !important; }
 
/* 最大命中率自己ベスト */
main[role="main"] .col-lg-3 > .best-matches-grid > :nth-child(5) { display: flex !important; }
 
/* 最多目標確保数自己ベスト */
main[role="main"] .col-lg-3 > .best-matches-grid > :nth-child(6) { display: flex !important; }
 
 

表示枚数が多い場合、OBSのフィルタ機能からスクロールを選び、スクロール速度を設定しつつ、一度に表示する枚数×176を「表示する幅」に設定する。

手順2-B: 武器別統計の表示(武器を選択)

ここからは「武器毎の統計データ」を表示するための手順。
まず、表示させたい武器を選ぶ。1つでもよいし、全部でもよい。表示させたい武器の情報をクリックし、URL末尾から「武器のID」をコピーして回収しておく。

そして、選んだものの個数に352をかけた値を、ブラウザソースの横幅に入力する。縦幅は300でよい。
次に、以下のコードの末尾にある「#weaponTable tbody > tr[onclick*="/bp_firearm_m110_c'"] { display: grid !important; }」を、表示させたい武器の数だけ行ごと複製する。なお1行につき1つのコードにする(同じ行に二重に書かない)。そして途中に書かれている武器IDを、表示させたい武器のものに置き換える。それらが終わったら、CSSに貼り付ける。

...

/*
 * Insurgency Tracker weapon cards for an OBS Browser Source.
 * Use the same live profile URL as the statistics overlay (PvP/Coop).
 * This CSS is independent of InsurgencyTracker_OBS_Cards.css: add another
 * Browser Source when using both overlays.
 *
 * The website supplies the image, name, Kills, K/Min, Time, Shots, Hits,
 * Accuracy, Headshots, and Headshot %. CSS adds the small field labels.
 * DataTables has paging disabled and initially sorts by Kills descending.
 * Therefore the first N rows are the current top N weapons by kills.
 *
 * Default selection below: top 10. Browser Source = 3520 x 300 px.
 * For N selected weapons: Browser Source width = 352 x N, height = 300.
 * OBS Scroll filter: Limit Width = 704; Horizontal Speed negative for left;
 * Vertical Speed = 0; Loop as desired. Two whole weapon cards fit in 704 px.
 * If you change the selection, adjust the Browser Source width accordingly.
 *
 * A CSS selector for a weapon ID stays on that weapon even when sorting
 * changes. The first-N selector follows whichever order the table currently
 * uses. See the optional examples at the bottom of this file.
 *
 * CSS made by Pathfinder with ChatGPT 5.6-Sol
 * Contact: https://discordapp.com/users/339493537877852160
 * or visit Insurgency: Sandstorm Official Discord Community
 * and find Community Advisor 4ck_ぱすふぁいんだー
 *  */
 
:root {
    --it-weapon-width: 332px;
    --it-weapon-height: 280px;
    --it-weapon-gap: 20px;
    --it-weapon-padding: 10px;
}
 
html, body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
}
 
body { display: block !important; }
body::before { content: none !important; }
body > header, body > footer, body > button, #ua-solidarity-banner {
    display: none !important;
}
 
/* Flatten the table's ancestors. The saved PvP and Coop pages both put
   Weapons in the last card-box of the main statistics column. */
main[role="main"] {
    display: grid !important;
    grid-template-columns: none !important;
    grid-template-rows: var(--it-weapon-height) !important;
    grid-auto-columns: var(--it-weapon-width) !important;
    grid-auto-flow: column !important;
    gap: var(--it-weapon-gap) !important;
    width: max-content !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: var(--it-weapon-padding) !important;
    overflow: visible !important;
    background: transparent !important;
}
 
main[role="main"] > :not(.container.py-4),
main[role="main"] > .container.py-4 > :not(.row.g-4),
main[role="main"] > .container.py-4 > .row.g-4 > :not(.col-lg-9),
main[role="main"] > .container.py-4 > .row.g-4 > .col-lg-9 > :not(.card-box:last-child),
main[role="main"] > .container.py-4 > .row.g-4 > .col-lg-9 > .card-box:last-child > :not(.table-responsive),
#weaponTable thead {
    display: none !important;
}
 
main[role="main"] > .container.py-4,
main[role="main"] > .container.py-4 > .row.g-4,
main[role="main"] > .container.py-4 > .row.g-4 > .col-lg-9,
main[role="main"] > .container.py-4 > .row.g-4 > .col-lg-9 > .card-box:last-child,
main[role="main"] > .container.py-4 > .row.g-4 > .col-lg-9 > .card-box:last-child > .table-responsive,
#weaponTable_wrapper,
#weaponTable,
#weaponTable tbody {
    display: contents !important;
}
 
/* Every row starts hidden. The selection near the end reveals rows. */
#weaponTable tbody > tr { display: none !important; }

#weaponTable tbody > tr {
    width: var(--it-weapon-width) !important;
    height: var(--it-weapon-height) !important;
    margin: 0 !important;
    padding: 16px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: 62px repeat(4, 40px) !important;
    gap: 5px 14px !important;
    overflow: hidden !important;
    background: #1a1e24 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    color: #e8eaed !important;
    cursor: default !important;
}
 
/* Override Bootstrap's responsive d-none classes and table-cell display. */
#weaponTable tbody > tr > td {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    text-align: left !important;
    white-space: nowrap !important;
    font-family: var(--font-display, 'Rajdhani', sans-serif) !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    color: #e8eaed !important;
}
 
#weaponTable tbody > tr > td:nth-child(1) { grid-column: 1; grid-row: 1; }
#weaponTable tbody > tr > td:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
    font-size: 22px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.05 !important;
}
 
#weaponTable tbody > tr > td:nth-child(1) img.weapon {
    display: block !important;
    width: 130px !important;
    height: 58px !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: left center !important;
    margin: 0 !important;
}
 
#weaponTable tbody > tr > td:nth-child(3) { grid-column: 1; grid-row: 2; color: #ffcd1e !important; }
#weaponTable tbody > tr > td:nth-child(4) { grid-column: 2; grid-row: 2; }
#weaponTable tbody > tr > td:nth-child(5) { grid-column: 1; grid-row: 3; font-size: 16px !important; }
#weaponTable tbody > tr > td:nth-child(6) { grid-column: 2; grid-row: 3; }
#weaponTable tbody > tr > td:nth-child(7) { grid-column: 1; grid-row: 4; }
#weaponTable tbody > tr > td:nth-child(8) { grid-column: 2; grid-row: 4; }
#weaponTable tbody > tr > td:nth-child(9) { grid-column: 1; grid-row: 5; }
#weaponTable tbody > tr > td:nth-child(10) { grid-column: 2; grid-row: 5; }
#weaponTable tbody > tr > td:nth-child(11) { display: none !important; }

#weaponTable tbody > tr > td:nth-child(n+3):nth-child(-n+10)::before {
    display: block !important;
    margin-bottom: 2px !important;
    font-family: var(--font-primary, 'Inter', sans-serif) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: .08em !important;
    color: #9aa0a6 !important;
}
 
#weaponTable tbody > tr > td:nth-child(3)::before { content: "KILLS"; }
#weaponTable tbody > tr > td:nth-child(4)::before { content: "K/MIN"; }
#weaponTable tbody > tr > td:nth-child(5)::before { content: "TIME"; }
#weaponTable tbody > tr > td:nth-child(6)::before { content: "SHOTS"; }
#weaponTable tbody > tr > td:nth-child(7)::before { content: "HITS"; }
#weaponTable tbody > tr > td:nth-child(8)::before { content: "ACC"; }
#weaponTable tbody > tr > td:nth-child(9)::before { content: "HS"; }
#weaponTable tbody > tr > td:nth-child(10)::before { content: "HS%"; }

 
#weaponTable tbody > tr[onclick*="/bp_firearm_m110_c'"] { display: grid !important; }

 

手順2-B2: 武器別統計の表示(トップ10武器)

表示させたい武器を選ばず「いまの統計でトップ10の武器」だけを表示する場合、以下の手順でよい。
まず、ブラウザソースの横幅を3520に、縦幅を300にする。そして、CSSに以下をコピーペーストする。

...

/*
 * Insurgency Tracker weapon cards for an OBS Browser Source.
 * Use the same live profile URL as the statistics overlay (PvP/Coop).
 * This CSS is independent of InsurgencyTracker_OBS_Cards.css: add another
 * Browser Source when using both overlays.
 *
 * The website supplies the image, name, Kills, K/Min, Time, Shots, Hits,
 * Accuracy, Headshots, and Headshot %. CSS adds the small field labels.
 * DataTables has paging disabled and initially sorts by Kills descending.
 * Therefore the first N rows are the current top N weapons by kills.
 *
 * Default selection below: top 10. Browser Source = 3520 x 300 px.
 * For N selected weapons: Browser Source width = 352 x N, height = 300.
 * OBS Scroll filter: Limit Width = 704; Horizontal Speed negative for left;
 * Vertical Speed = 0; Loop as desired. Two whole weapon cards fit in 704 px.
 * If you change the selection, adjust the Browser Source width accordingly.
 *
 * A CSS selector for a weapon ID stays on that weapon even when sorting
 * changes. The first-N selector follows whichever order the table currently
 * uses. See the optional examples at the bottom of this file.
 *
 * CSS made by Pathfinder with ChatGPT 5.6-Sol
 * Contact: https://discordapp.com/users/339493537877852160
 * or visit Insurgency: Sandstorm Official Discord Community
 * and find Community Advisor 4ck_ぱすふぁいんだー
 *  */
 
:root {
    --it-weapon-width: 332px;
    --it-weapon-height: 280px;
    --it-weapon-gap: 20px;
    --it-weapon-padding: 10px;
}
 
html, body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
}
 
body { display: block !important; }
body::before { content: none !important; }
body > header, body > footer, body > button, #ua-solidarity-banner {
    display: none !important;
}
 
/* Flatten the table's ancestors. The saved PvP and Coop pages both put
   Weapons in the last card-box of the main statistics column. */
main[role="main"] {
    display: grid !important;
    grid-template-columns: none !important;
    grid-template-rows: var(--it-weapon-height) !important;
    grid-auto-columns: var(--it-weapon-width) !important;
    grid-auto-flow: column !important;
    gap: var(--it-weapon-gap) !important;
    width: max-content !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: var(--it-weapon-padding) !important;
    overflow: visible !important;
    background: transparent !important;
}
 
main[role="main"] > :not(.container.py-4),
main[role="main"] > .container.py-4 > :not(.row.g-4),
main[role="main"] > .container.py-4 > .row.g-4 > :not(.col-lg-9),
main[role="main"] > .container.py-4 > .row.g-4 > .col-lg-9 > :not(.card-box:last-child),
main[role="main"] > .container.py-4 > .row.g-4 > .col-lg-9 > .card-box:last-child > :not(.table-responsive),
#weaponTable thead {
    display: none !important;
}
 
main[role="main"] > .container.py-4,
main[role="main"] > .container.py-4 > .row.g-4,
main[role="main"] > .container.py-4 > .row.g-4 > .col-lg-9,
main[role="main"] > .container.py-4 > .row.g-4 > .col-lg-9 > .card-box:last-child,
main[role="main"] > .container.py-4 > .row.g-4 > .col-lg-9 > .card-box:last-child > .table-responsive,
#weaponTable_wrapper,
#weaponTable,
#weaponTable tbody {
    display: contents !important;
}
 
/* Every row starts hidden. The selection near the end reveals rows. */
#weaponTable tbody > tr { display: none !important; }

#weaponTable tbody > tr {
    width: var(--it-weapon-width) !important;
    height: var(--it-weapon-height) !important;
    margin: 0 !important;
    padding: 16px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: 62px repeat(4, 40px) !important;
    gap: 5px 14px !important;
    overflow: hidden !important;
    background: #1a1e24 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    color: #e8eaed !important;
    cursor: default !important;
}
 
/* Override Bootstrap's responsive d-none classes and table-cell display. */
#weaponTable tbody > tr > td {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    text-align: left !important;
    white-space: nowrap !important;
    font-family: var(--font-display, 'Rajdhani', sans-serif) !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    color: #e8eaed !important;
}
 
#weaponTable tbody > tr > td:nth-child(1) { grid-column: 1; grid-row: 1; }
#weaponTable tbody > tr > td:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
    font-size: 22px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.05 !important;
}
 
#weaponTable tbody > tr > td:nth-child(1) img.weapon {
    display: block !important;
    width: 130px !important;
    height: 58px !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: left center !important;
    margin: 0 !important;
}
 
#weaponTable tbody > tr > td:nth-child(3) { grid-column: 1; grid-row: 2; color: #ffcd1e !important; }
#weaponTable tbody > tr > td:nth-child(4) { grid-column: 2; grid-row: 2; }
#weaponTable tbody > tr > td:nth-child(5) { grid-column: 1; grid-row: 3; font-size: 16px !important; }
#weaponTable tbody > tr > td:nth-child(6) { grid-column: 2; grid-row: 3; }
#weaponTable tbody > tr > td:nth-child(7) { grid-column: 1; grid-row: 4; }
#weaponTable tbody > tr > td:nth-child(8) { grid-column: 2; grid-row: 4; }
#weaponTable tbody > tr > td:nth-child(9) { grid-column: 1; grid-row: 5; }
#weaponTable tbody > tr > td:nth-child(10) { grid-column: 2; grid-row: 5; }
#weaponTable tbody > tr > td:nth-child(11) { display: none !important; }

#weaponTable tbody > tr > td:nth-child(n+3):nth-child(-n+10)::before {
    display: block !important;
    margin-bottom: 2px !important;
    font-family: var(--font-primary, 'Inter', sans-serif) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: .08em !important;
    color: #9aa0a6 !important;
}
 
#weaponTable tbody > tr > td:nth-child(3)::before { content: "KILLS"; }
#weaponTable tbody > tr > td:nth-child(4)::before { content: "K/MIN"; }
#weaponTable tbody > tr > td:nth-child(5)::before { content: "TIME"; }
#weaponTable tbody > tr > td:nth-child(6)::before { content: "SHOTS"; }
#weaponTable tbody > tr > td:nth-child(7)::before { content: "HITS"; }
#weaponTable tbody > tr > td:nth-child(8)::before { content: "ACC"; }
#weaponTable tbody > tr > td:nth-child(9)::before { content: "HS"; }
#weaponTable tbody > tr > td:nth-child(10)::before { content: "HS%"; }

#weaponTable tbody > tr:nth-child(-n+10) { display: grid !important; }

 

最後に、OBSのフィルタ機能でスクロールをかけ、一度に表示させたい武器の数×352を横幅に設定する。

LiveSplitのAutoSplitter使用

RTA/スピードラン用タイマーであるLiveSplitのAutoSplitterの使用方法
LiveSplit配布元
Speedrun.com上のリソースから、AutoSplitterをダウンロードしておく。
LiveSplitの画面を右クリックし、レイアウト編集(Edit Layout)から、プラスボタン、コントロール(Control)と進み、Scriptable Auto Splitterを追加。左下のレイアウト編集ボタン(Layout)を押し、Scriptable Auto Splitterタブから、ダウンロードしたAutoSplitterファイル(.asl)を選択する。その際、プレーするカテゴリーやレギュレーションに合わせたものを選択する。
カテゴリーやレギュレーションに合わせたスプリットファイル(.lss)をLiveSplitで開く(LiveSplitに対してドラッグアンドドロップでよい)。
LiveSplit画面をもういちど右クリックし、比較対象(Compare Against)をゲーム内タイム(Game Time)にする。
またLiveSplit画面を右クリックし、レイアウトを保存(Save Layout 名前を付けるならSave Layout As...)する。
Sandstormを起動したら、LiveSplitのレイアウトを再度表示し直す、つまり保存したレイアウトを読み込みなおすか、LiveSplitそのものを再起動する。