/* 配信OK？ final mock replica — visual-only layer
   Existing IDs, API wiring and application logic are intentionally untouched. */
/* 汎用の安全策：2列以上のグリッド内で「読み込み失敗」等の空状態カードが
   1マス分の狭い幅に収まってしまい、日本語が1文字ずつ縦積みで崩れる
   事故を防ぐ（サイト全体の.gridに適用）。 */
.grid .card.empty{grid-column:1/-1}
:root{
  --mock-bg:#07080c;
  --mock-panel:#101016;
  --mock-panel-2:#141119;
  --mock-panel-3:#19131b;
  --mock-line:rgba(255,111,169,.20);
  --mock-line-soft:rgba(255,255,255,.075);
  --mock-pink:#ff6fa9;
  --mock-pink2:#ffa2ca;
  --mock-text:#f9f6f8;
  --mock-muted:#97909b;
}
body{
  background:
    radial-gradient(700px 320px at 52% 0%,rgba(255,111,169,.095),transparent 72%),
    linear-gradient(180deg,#110912 0,#08080d 29%,#07080c 100%);
}
.header{height:82px;background:rgba(7,8,12,.94);border-bottom:1px solid rgba(255,255,255,.055);backdrop-filter:blur(22px)}
.header-inner{width:min(100%,1120px)}
.logo{font-size:30px;letter-spacing:-1.3px;line-height:1}
.header-actions{gap:12px}.header-icon-btn{width:46px;height:46px;background:#111117;border-color:#34303a;color:#fff;font-size:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)}
.header-icon-btn:last-child{border-color:rgba(255,111,169,.62);background:rgba(255,111,169,.06);color:var(--mock-pink2)}
.header-icon-btn svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.breadcrumb{display:none!important}

/* ===== slide-out menu ===== */
.site-nav-panel-backdrop{background:rgba(3,3,7,.74);backdrop-filter:blur(9px)}
.site-nav-panel-sheet{width:min(82vw,520px);background:linear-gradient(180deg,#0d0d13,#0a0a0f);border-left:1px solid rgba(255,255,255,.10);padding:26px 24px calc(env(safe-area-inset-bottom) + 30px);gap:0;box-shadow:-36px 0 90px rgba(0,0,0,.45)}
.site-nav-panel-head{margin-bottom:18px}.site-nav-panel-head b{font-size:22px;letter-spacing:-.03em}.site-nav-close{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,111,169,.35);background:#111117;color:var(--mock-pink2);font-size:0}
.site-nav-close::after{content:'×';font-size:28px;font-weight:300;line-height:1}
.site-nav-account{padding:16px;border-radius:17px;background:linear-gradient(145deg,rgba(255,111,169,.08),#121118 68%);border-color:rgba(255,111,169,.20);margin-bottom:20px}
.site-nav-account-avatar{width:48px;height:48px;border:1px solid rgba(255,111,169,.35);box-shadow:0 0 26px rgba(255,111,169,.12)}
.site-nav-account-id{font-size:14px}.site-nav-account-status{font-size:10px}.site-nav-account-signout{color:var(--mock-pink2)}
.site-nav-mypage-tree{display:none!important}
.mock-menu-quick-title,.site-nav-h1{margin:18px 0 9px;padding:0;border:0;font-size:13px;font-weight:900;color:#f5f0f4}
.mock-menu-quick{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:22px}
.mock-menu-quick a{display:flex!important;align-items:center;gap:10px;padding:14px!important;border:1px solid var(--mock-line-soft)!important;border-radius:14px;background:#111117;color:#ece7eb!important;font-size:12px!important;font-weight:850!important}
.mock-menu-quick svg{width:21px;height:21px;stroke:var(--mock-pink);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.site-nav-panel-sheet>a{position:relative;padding:13px 34px 13px 40px!important;border-bottom:1px solid rgba(255,255,255,.05)!important;color:#c8c1c9!important;font-size:13px!important;font-weight:700!important}
.site-nav-panel-sheet>a::before{content:'›';position:absolute;right:5px;top:50%;transform:translateY(-50%);color:#77717b;font-size:19px}
.site-nav-panel-sheet>a::after{position:absolute;left:6px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--mock-pink)}
.site-nav-panel-sheet>a[href='/games/']::after{content:'⌕'}
.site-nav-panel-sheet>a[href*='/ranking/']::after{content:'▥'}
.site-nav-panel-sheet>a[href='/trends/vtuber/']::after{content:'♢'}
.site-nav-panel-sheet>a[href='/games/new/']::after{content:'✦'}
.site-nav-panel-sheet>a[href='/games/rising/']::after{content:'↗'}
.site-nav-panel-sheet>a[href*='/guides/']::after{content:'◇'}
.site-nav-panel-sheet>a[href*='/tools/']::after{content:'□'}
.site-nav-panel-sheet>a[href='/monika/']::after{content:'♡'}

/* ===== mobile bottom navigation (mypage family) ===== */
body.mock-account .bottom-nav{left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:8px 6px;background:rgba(17,17,23,.92);box-shadow:0 16px 48px rgba(0,0,0,.42);overflow:hidden}
body.mock-account .bottom-nav-item{min-width:0;border-radius:18px;padding:7px 2px;color:#7e7982;font-size:9px;gap:4px}
body.mock-account .bottom-nav-item svg{width:23px;height:23px}
body.mock-account .bottom-nav-item.active{color:var(--mock-pink)}
/* マイページ・コラボページは、他の統一済みページ（home-v6・mock-neo-page・
   mock-ranking-v27等）と違って「PC幅では下部固定ナビを隠す」指定が存在して
   いなかった。この2ページだけ、PCで見てもスマホ用の丸いフローティングナビが
   画面下部に常に表示されたままになっていたバグを修正する。 */
@media(min-width:701px){
  body.mock-account .bottom-nav{display:none!important}
}
/* 機材ガイドページも同様に、PC幅で下部ナビを隠す指定が無かった。 */
@media(min-width:701px){
  body.mock-equipment .bottom-nav{display:none!important}
}

/* ===== mypage ===== */
body.mock-mypage .tool-shell{padding-top:26px;padding-bottom:130px;max-width:860px}
body.mock-mypage .mypage-v2-title{margin:0 2px 18px}
body.mock-mypage .mypage-v2-title h1{font-size:27px;line-height:1.15;margin:0 0 8px;letter-spacing:-.035em}
body.mock-mypage .mypage-v2-title p{font-size:12px;color:#a59da6}
.mypage-v2-profile-card{padding:16px 18px;border-radius:20px;background:linear-gradient(120deg,rgba(255,111,169,.115),rgba(88,34,61,.09) 55%,rgba(17,17,23,.96));border:1px solid rgba(255,111,169,.26);box-shadow:0 18px 56px rgba(0,0,0,.18);margin-bottom:14px}
.mypage-v2-profile-row{align-items:center;gap:14px;flex-wrap:nowrap}.mypage-v2-avatar{width:70px;height:70px;border:1px solid rgba(255,111,169,.36);box-shadow:0 0 30px rgba(255,111,169,.18)}
.mypage-v2-badge-row b{font-size:19px}.mypage-v2-plan-pill{padding:4px 11px;background:rgba(255,111,169,.11);border:1px solid rgba(255,111,169,.28);font-size:9px}.mypage-hero-email{font-size:12px;color:#aaa3ad;margin-top:4px}.mypage-v2-plan-note{font-size:10px;margin-top:7px;color:#b7adb4;font-weight:600}.mypage-v2-theme{margin-left:auto;min-width:170px;padding-left:18px;border-left:1px solid rgba(255,255,255,.06)}.mypage-v2-theme>span{font-size:10px;color:#b6adb5}.theme-swatch-row{gap:8px}.theme-swatch{width:34px;height:34px;border-color:#38333e}.mock-profile-edit{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:8px;border:1px solid #3a3540;border-radius:10px;background:#101016;color:#eee8ed;padding:8px 12px;font-size:10px;font-weight:850}.mock-profile-edit svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.8}
.mypage-v2-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 14px}.mypage-v2-stat-card{min-height:88px;display:grid;grid-template-columns:48px 1fr auto;grid-template-rows:auto auto;align-items:center;gap:1px 12px;padding:12px 14px;border-radius:17px;background:linear-gradient(145deg,#121118,#0f0f15);border:1px solid rgba(255,111,169,.15);position:relative;overflow:hidden}.mypage-v2-stat-card::after{content:'›';grid-column:3;grid-row:1/3;color:#8e8790;font-size:21px}.mypage-v2-stat-icon{grid-column:1;grid-row:1/3;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:rgba(255,111,169,.055);border:1px solid rgba(255,111,169,.26);font-size:0!important;color:var(--mock-pink)}.mypage-v2-stat-icon svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mypage-v2-stat-label{grid-column:2;grid-row:1;font-size:12px;color:#f5f0f4}.mypage-v2-stat-value{grid-column:2;grid-row:2;font-size:12px;color:#b7b0b8}.mypage-v2-stat-value b{font-size:20px;color:var(--mock-pink)}
.mypage-v2-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:7px;margin:0 0 24px;background:#0e0e14;border:1px solid rgba(255,255,255,.06);border-radius:22px;overflow:visible}.mypage-v2-tabs button{min-width:0;padding:10px 4px;border:0;background:#15141a;border-radius:16px;color:#96909a;font-size:10.5px}.mypage-v2-tabs button.active{background:linear-gradient(135deg,#e14d8d,#ff6fa9);border:0;color:#fff;box-shadow:0 6px 22px rgba(255,111,169,.18)}
.mypage-v2-section-head{margin:24px 2px 11px;font-size:17px;letter-spacing:-.02em}.mypage-v2-section-head::first-letter{color:var(--mock-pink)}
.mypage-v2-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.mypage-v2-quick-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.mypage-v2-quick-grid a,.mypage-v2-quick-grid button{min-height:118px;align-items:center;justify-content:center;text-align:center;gap:6px;padding:12px 7px;border-radius:16px;background:linear-gradient(145deg,#121118,#0f0f15);border:1px solid rgba(255,111,169,.16)}.mypage-v2-quick-grid b{font-size:11px}.mypage-v2-quick-grid small{font-size:8.5px;line-height:1.45}.mypage-v2-quick-icon{display:grid;place-items:center;width:43px;height:43px;color:var(--mock-pink);font-size:0!important}.mypage-v2-quick-icon svg{width:34px;height:34px;stroke:currentColor;fill:none;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.mypage-v2-panel[data-panel='home']>.tool-card{margin-top:18px}.mypage-premium-card{border-color:rgba(255,111,169,.16)!important;background:#101016!important}

/* favorites panel as dedicated mock screen */
body.mock-mypage[data-mypage-tab='favorites'] .mypage-v2-title,body.mock-mypage[data-mypage-tab='favorites'] #mypageProfileCard,body.mock-mypage[data-mypage-tab='favorites']>.container .mypage-v2-stats-grid{display:none!important}
body.mock-mypage[data-mypage-tab='favorites'] .mypage-v2-tabs{display:none!important}
body.mock-mypage[data-mypage-tab='favorites'] .mypage-v2-panel[data-panel='favorites']{padding-top:2px}
#mypageFavoritesCard{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
#mypageFavoritesCard>h2,#mypageFavoritesLimitText{display:none!important}
.mock-favorites-hero{margin:4px 2px 18px}.mock-favorites-hero h1{font-size:28px;margin:0 0 7px;letter-spacing:-.035em}.mock-favorites-hero h1 span{color:var(--mock-pink);font-weight:400;margin-right:8px}.mock-favorites-hero p{margin:0;color:#aaa3ad;font-size:12px}
.mock-fav-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px}.mock-fav-summary>div{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:8px;min-height:74px;padding:10px;border-radius:15px;background:#111117;border:1px solid rgba(255,111,169,.16)}.mock-fav-summary i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:17px;border:1px solid currentColor}.mock-fav-summary b{display:block;font-size:9px;color:#c3bcc4}.mock-fav-summary strong{display:block;margin-top:2px;font-size:20px}.mock-fav-summary .all{color:var(--mock-pink)}.mock-fav-summary .ok{color:#77d99e}.mock-fav-summary .check{color:#e7bd60}
.mock-fav-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:14px}.mock-fav-filters button{border:1px solid #302d36;border-radius:999px;background:#121118;color:#aaa3ad;padding:9px 5px;font-size:9.5px;font-weight:850}.mock-fav-filters button.active{background:linear-gradient(135deg,#d94f88,#ff6fa9);border-color:transparent;color:#fff}
#mypageFavorites{display:flex;flex-direction:column;gap:8px}.mypage-fav-row{position:relative;margin:0}.mypage-fav-row .game-card{min-height:92px;margin:0;padding:11px 92px 11px 11px;border-radius:17px;background:linear-gradient(145deg,#121118,#0e0e14);border:1px solid rgba(255,111,169,.16);grid-template-columns:68px minmax(0,1fr);gap:12px}.mypage-fav-row .game-thumb{width:68px;height:68px;border-radius:13px}.mypage-fav-row .game-card-content{padding-right:0}.mypage-fav-row .game-card b{font-size:14px}.mypage-fav-row .small{font-size:10px;margin-top:3px}.mypage-fav-row .pill{font-size:9px;padding:4px 8px;margin-top:6px}.mypage-fav-row .card-fav-btn{right:48px;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:rgba(255,111,169,.11);border:1px solid rgba(255,111,169,.4);color:var(--mock-pink);font-size:19px}.mypage-fav-remove{position:absolute!important;right:9px;top:50%;transform:translateY(-50%);width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border-radius:50%!important;font-size:0!important;background:#111117!important;border:1px solid #2d2a33!important;color:#aaa!important}.mypage-fav-remove::after{content:'⋮';font-size:20px;line-height:1;color:#aaa}.mock-fav-bottom-action{margin-top:13px;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;border:1px solid rgba(255,111,169,.17);border-radius:14px;color:var(--mock-pink2);background:#101016;font-size:11px;font-weight:850}

/* ===== collab ===== */
body.mock-collab .tool-shell{max-width:870px;padding-top:26px;padding-bottom:130px}body.mock-collab .mypage-v2-title{margin:0 2px 18px}body.mock-collab .mypage-v2-title h1{font-size:27px;margin-bottom:7px}body.mock-collab .mypage-v2-title p{font-size:12px}
.collab-flow-card{padding:16px 18px;border-radius:18px;background:linear-gradient(145deg,rgba(255,111,169,.075),#101016 60%);border:1px solid rgba(255,111,169,.20);margin-bottom:14px}.collab-flow-title{font-size:11px;color:#f1ebef;margin-bottom:12px}.collab-flow-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.collab-flow-step{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;gap:1px 7px}.collab-flow-no{left:0;top:-5px;width:17px;height:17px;font-size:8px;z-index:2}.collab-flow-icon{grid-row:1/3;width:38px;height:38px;margin:0;border-color:rgba(255,111,169,.26);background:#15131a;font-size:0;color:var(--mock-pink)}.collab-flow-icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6}.collab-flow-step b{font-size:10.5px}.collab-flow-step small{font-size:8px;line-height:1.45}
body.mock-collab .mypage-v2-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}body.mock-collab .mypage-v2-stat-card{min-height:72px;display:flex;align-items:center;gap:8px;padding:10px}body.mock-collab .mypage-v2-stat-card::after{display:none}body.mock-collab .mypage-v2-stat-icon{width:34px;height:34px;flex:0 0 auto}body.mock-collab .mypage-v2-stat-icon svg{width:19px;height:19px}body.mock-collab .mypage-v2-stat-label{font-size:9px}body.mock-collab .mypage-v2-stat-value{font-size:10px}body.mock-collab .mypage-v2-stat-value b{font-size:18px}
.mock-collab-profile{display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:center;padding:14px 16px;margin:0 0 12px;border-radius:18px;background:linear-gradient(145deg,#151119,#101016);border:1px solid rgba(255,111,169,.20)}.mock-collab-profile img{width:62px;height:62px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,#d94f88,#ff6fa9)}.mock-collab-profile h2{font-size:14px;margin:0 0 4px}.mock-collab-profile p{font-size:9.5px;color:#a7a0a9;margin:0 0 7px}.mock-collab-profile .status{display:inline-flex;padding:4px 9px;border-radius:999px;background:rgba(115,216,160,.12);color:#73d8a0;font-size:9px;font-weight:900}.mock-collab-profile-actions{display:flex;gap:7px}.mock-collab-profile-actions button{border:1px solid #38333e;border-radius:10px;background:#101016;color:#ded7dc;padding:8px 10px;font-size:9px;font-weight:850}.mock-collab-search-card{display:flex;align-items:center;gap:13px;padding:15px 16px;margin-bottom:18px;border:1px solid rgba(255,111,169,.20);border-radius:18px;background:#111117}.mock-collab-search-icon{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,111,169,.32);display:grid;place-items:center;color:var(--mock-pink);flex:0 0 auto}.mock-collab-search-icon svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.6}.mock-collab-search-copy{min-width:0;flex:1}.mock-collab-search-copy b{font-size:13px}.mock-collab-search-copy span{display:block;color:#aaa3ad;font-size:9px;line-height:1.5;margin-top:3px}.mock-collab-search-card button{border:0;border-radius:999px;background:linear-gradient(135deg,#d94f88,#ff6fa9);color:#fff;padding:11px 17px;font-size:10px;font-weight:900;white-space:nowrap}
body.mock-collab main>.tool-card{padding:16px;border-radius:18px;background:#101016;border-color:rgba(255,111,169,.14)}body.mock-collab main>.tool-card>h2{font-size:14px;margin:0 0 7px}body.mock-collab .collab-tabs{margin:12px 0 10px;gap:6px}body.mock-collab .collab-tab{padding:8px 11px;font-size:9.5px}.collab-member-row{padding:9px 10px;border-radius:13px;background:#111117;border-color:rgba(255,111,169,.11)}.collab-avatar,.collab-avatar-fallback{width:38px;height:38px}.collab-member-name{font-size:11px}.collab-member-sub{font-size:9px}.collab-action-btn{padding:7px 10px;font-size:9px}

/* ===== equipment guide ===== */
body.mock-equipment .guide-article{max-width:980px;padding-top:28px;padding-bottom:90px}body.mock-equipment .guide-article>article{display:block}.equip-hero-head{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(220px,.82fr);align-items:center;gap:10px;padding:0 4px 18px}.equip-hero-copy .eyebrow{font-size:10px;padding:6px 14px;border-color:rgba(255,111,169,.50);background:rgba(255,111,169,.04);letter-spacing:.12em}.equip-hero-head h1{font-size:clamp(32px,5.2vw,50px);line-height:1.12;margin:14px 0 12px;letter-spacing:-.055em}.equip-hero-head p{font-size:13px;line-height:1.8;color:#b2abb3;margin:0;max-width:590px}.equip-hero-head .guide-update{display:none}.equip-hero-img{width:100%;max-height:300px;object-fit:contain;filter:drop-shadow(0 22px 46px rgba(255,111,169,.10));opacity:.92}
.equip-toc{padding:18px;border-radius:20px;background:linear-gradient(145deg,#111117,#0d0d12);border:1px solid rgba(255,111,169,.17);margin:0 0 20px}.equip-toc-title{font-size:14px;font-weight:900;color:var(--mock-pink2);margin-bottom:12px}.equip-toc-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.equip-toc-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:92px;border:1px solid rgba(255,111,169,.16);border-radius:15px;background:#111117;color:#f3edf1;font-size:10px;font-weight:850;text-align:center}.equip-toc-item:nth-child(5){display:none}.equip-toc-item::first-letter{font-size:20px}.equip-disclosure{background:#0e0e13;border-color:rgba(255,255,255,.06);font-size:9px;margin-bottom:24px;color:#827d85}
.guide-section{margin-top:28px}.guide-section h2{display:flex;align-items:center;gap:10px;font-size:24px;margin:0 0 7px;letter-spacing:-.03em}.guide-section>p{font-size:12px;color:#aaa3ad;line-height:1.75;margin-top:0}.equip-tier-head{display:flex;align-items:center;gap:12px;margin:22px 0 10px}.equip-tier-head::after{content:'';height:1px;background:linear-gradient(90deg,rgba(255,111,169,.58),transparent);flex:1}.equip-tier-head .eyebrow{border:0;background:transparent;padding:0;color:#f5f1f4;font-size:16px;letter-spacing:0}.equip-tier-head .eyebrow::before{content:'▮';color:var(--mock-pink);margin-right:9px}
.equip-extra-slot{gap:12px}.equip-card{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(150px,34%);gap:0 10px;padding:18px!important;border-radius:20px!important;background:linear-gradient(135deg,rgba(255,111,169,.10),#121017 35%,#0f0f15 100%)!important;border:1px solid rgba(255,111,169,.26)!important;overflow:hidden;position:relative}.equip-card-body{display:contents}.equip-card-img-wrap{grid-column:2;grid-row:1/7;align-self:stretch;display:flex;align-items:flex-end;justify-content:center;min-height:210px!important;background:transparent!important;padding:0!important;border-radius:0!important;overflow:visible!important}.equip-card-img-wrap img{width:100%!important;height:auto!important;max-height:250px!important;object-fit:contain!important;filter:drop-shadow(0 16px 26px rgba(0,0,0,.35))}.equip-card-pick,.equip-card-name,.equip-card-price,.equip-card-note,.equip-card-source{grid-column:1}.equip-card-pick{justify-self:start;padding:5px 10px;background:rgba(255,111,169,.20);border-radius:999px;color:#fff;font-size:9.5px}.equip-card-name{font-size:19px;line-height:1.42;margin-top:9px}.equip-card-price{font-size:12px;color:var(--mock-pink2);margin-top:7px}.equip-card-note{font-size:11.5px;line-height:1.85;color:#c9c2c9;margin-top:12px}.equip-card-source{display:none}.equip-card-cta-row{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.equip-cta{border-radius:13px;padding:12px 10px;font-size:11px}.equip-cta.amazon{background:linear-gradient(135deg,#e34c8b,#ff6fa9);color:#fff}.equip-cta.rakuten{background:transparent;color:var(--mock-pink2);border:1px solid rgba(255,111,169,.65)}

/* ===== desktop left rail ===== */
.mock-desktop-sidebar{display:none}
@media(min-width:980px){
  body.mock-has-sidebar{padding-left:176px;transition:padding-left .18s ease}
  body.mock-has-sidebar.mock-sidebar-collapsed{padding-left:74px}
  body.mock-has-sidebar .header{display:none}
  body.mock-has-sidebar .bottom-nav{display:none!important}
  .mock-desktop-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:1200;width:176px;display:flex;flex-direction:column;padding:24px 14px 20px;background:linear-gradient(180deg,#0a0a0f,#08080c);border-right:1px solid rgba(255,255,255,.075);transition:width .18s ease;box-shadow:16px 0 54px rgba(0,0,0,.14)}
  body.mock-sidebar-collapsed .mock-desktop-sidebar{width:74px}
  .mock-side-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:28px}.mock-side-logo{font-size:22px;font-weight:950;letter-spacing:-1px}.mock-side-logo span{color:var(--mock-pink)}.mock-side-collapse{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,111,169,.25);background:#111117;color:var(--mock-pink2);font-size:16px}.mock-side-nav{display:flex;flex-direction:column;gap:6px}.mock-side-nav a{display:flex;align-items:center;gap:11px;min-height:42px;padding:9px 11px;border-radius:11px;color:#aaa3ad;font-size:11px;font-weight:800}.mock-side-nav a:hover{background:#121118;color:#fff}.mock-side-nav a.active{background:linear-gradient(90deg,rgba(255,111,169,.20),rgba(255,111,169,.07));color:var(--mock-pink2);box-shadow:inset 3px 0 0 var(--mock-pink)}.mock-side-nav svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.mock-side-footer{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}
  body.mock-sidebar-collapsed .mock-side-logo span,body.mock-sidebar-collapsed .mock-side-logo .full,body.mock-sidebar-collapsed .mock-side-label{display:none}.mock-side-logo .tiny{display:none;color:#fff}body.mock-sidebar-collapsed .mock-side-logo .tiny{display:inline}body.mock-sidebar-collapsed .mock-side-head{flex-direction:column}body.mock-sidebar-collapsed .mock-side-collapse{transform:rotate(180deg)}body.mock-sidebar-collapsed .mock-side-nav a{justify-content:center;padding:9px}
  body.mock-mypage .tool-shell,body.mock-collab .tool-shell{max-width:900px}
}

/* ===== mobile exact-density adjustments ===== */
@media(max-width:700px){
  .header{height:76px}.header-inner{padding:0 3px}.logo{font-size:26px}.header-icon-btn{width:42px;height:42px}
  .site-nav-panel-sheet{width:min(86vw,360px);padding:20px 16px calc(env(safe-area-inset-bottom) + 22px)}.site-nav-panel-head b{font-size:18px}.site-nav-close{width:40px;height:40px}.mock-menu-quick a{padding:12px!important}
  body.mock-mypage .tool-shell,body.mock-collab .tool-shell{padding-left:16px;padding-right:16px}
  .mypage-v2-profile-card{padding:14px}.mypage-v2-profile-row{display:grid;grid-template-columns:60px minmax(0,1fr);gap:11px}.mypage-v2-avatar{width:60px;height:60px}.mypage-v2-profile-info{min-width:0}.mypage-v2-badge-row b{font-size:16px}.mypage-hero-email{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mypage-v2-plan-note{font-size:9px}.mypage-v2-theme{grid-column:1/-1;width:100%;min-width:0;margin:2px 0 0;padding:10px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.06);display:grid;grid-template-columns:auto 1fr;align-items:center}.mypage-v2-theme>span{font-size:9px}.theme-swatch-row{justify-content:flex-end}.theme-swatch{width:31px;height:31px}.mock-profile-edit{grid-column:1/-1;width:100%;margin-top:0}
  .mypage-v2-stat-card{min-height:80px;grid-template-columns:40px 1fr auto;padding:10px}.mypage-v2-stat-icon{width:38px;height:38px}.mypage-v2-stat-icon svg{width:21px;height:21px}.mypage-v2-stat-label{font-size:10.5px}.mypage-v2-stat-value{font-size:10px}.mypage-v2-stat-value b{font-size:18px}
  .mypage-v2-tabs{gap:5px;padding:6px}.mypage-v2-tabs button{font-size:9px;padding:9px 2px}.mypage-v2-quick-grid{gap:7px}.mypage-v2-quick-grid a,.mypage-v2-quick-grid button{min-height:105px;padding:10px 5px}.mypage-v2-quick-grid b{font-size:9.5px;line-height:1.35}.mypage-v2-quick-grid small{font-size:7.5px}.mypage-v2-quick-icon{width:38px;height:38px}.mypage-v2-quick-icon svg{width:29px;height:29px}.mypage-v2-section-head{font-size:15px}
  body.mock-collab .mypage-v2-stats-grid{grid-template-columns:1fr 1fr}.collab-flow-card{padding:13px}.collab-flow-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.collab-flow-step{grid-template-columns:31px 1fr;gap:1px 5px}.collab-flow-icon{width:31px;height:31px}.collab-flow-icon svg{width:18px;height:18px}.collab-flow-step b{font-size:8.5px}.collab-flow-step small{font-size:6.8px}.mock-collab-profile{grid-template-columns:52px 1fr;gap:10px;padding:12px}.mock-collab-profile img{width:52px;height:52px}.mock-collab-profile-actions{grid-column:1/-1}.mock-collab-profile-actions button{flex:1}.mock-collab-search-card{padding:12px;gap:9px}.mock-collab-search-icon{width:40px;height:40px}.mock-collab-search-card button{padding:10px 12px;font-size:9px}
  body.mock-equipment .guide-article{padding:22px 16px 100px}.equip-hero-head{grid-template-columns:minmax(0,1.2fr) minmax(125px,.8fr);gap:0;padding:0 0 16px}.equip-hero-head h1{font-size:29px;line-height:1.16;margin:12px 0 10px}.equip-hero-head p{font-size:10.5px;line-height:1.75}.equip-hero-img{width:118%;max-width:none;margin-left:-8%;max-height:230px}.equip-toc{padding:14px}.equip-toc-title{font-size:12px}.equip-toc-list{gap:6px}.equip-toc-item{min-height:78px;font-size:8.5px;border-radius:13px}.guide-section h2{font-size:20px}.guide-section>p{font-size:10.5px}.equip-tier-head .eyebrow{font-size:15px}.equip-card{grid-template-columns:minmax(0,1fr) 36%;padding:14px!important}.equip-card-img-wrap{min-height:180px!important}.equip-card-name{font-size:16px}.equip-card-price{font-size:10.5px}.equip-card-note{font-size:10.5px;line-height:1.75}.equip-card-pick{font-size:8px}.equip-cta{padding:11px 7px;font-size:9.5px}
}
@media(max-width:390px){.mypage-v2-quick-grid a,.mypage-v2-quick-grid button{min-height:100px}.mypage-v2-quick-grid b{font-size:8.7px}.mypage-v2-quick-grid small{display:none}.equip-hero-head h1{font-size:26px}.equip-toc-item{font-size:7.6px}.mock-fav-summary strong{font-size:18px}}

/* ======================================================================
   Fidelity pass v2 — 2026-08-20
   The approved mock is the source of truth. Visual-only overrides.
   ====================================================================== */
:root{
  --mock-v2-bg:#08080d;
  --mock-v2-card:#111117;
  --mock-v2-card2:#151219;
  --mock-v2-border:rgba(255,111,169,.22);
  --mock-v2-soft:rgba(255,255,255,.075);
}
body.mock-mypage,
body.mock-collab,
body.mock-equipment{
  background:
    radial-gradient(760px 360px at 52% 4%,rgba(110,27,69,.22),transparent 70%),
    linear-gradient(180deg,#110a12 0,#09090e 34%,#07080c 100%);
}
body.mock-mypage .footer,
body.mock-collab .footer,
body.mock-equipment .footer{display:none!important}

/* Header proportions from approved mobile mock */
@media(max-width:979px){
  body.mock-mypage .header,
  body.mock-collab .header,
  body.mock-equipment .header{height:64px;background:#08080d}
  body.mock-mypage .header-inner,
  body.mock-collab .header-inner,
  body.mock-equipment .header-inner{padding:0 18px}
  body.mock-mypage .logo,
  body.mock-collab .logo,
  body.mock-equipment .logo{font-size:25px}
  body.mock-mypage .header-icon-btn,
  body.mock-collab .header-icon-btn,
  body.mock-equipment .header-icon-btn{width:40px;height:40px}
}

/* ------------------------------- My page ------------------------------ */
body.mock-mypage .tool-shell{max-width:860px}
body.mock-mypage .mypage-v2-title{margin-bottom:15px}
body.mock-mypage .mypage-v2-title h1{font-weight:900}

/* Home-only settings summary is injected by mock-replica.js */
.mock-home-settings{margin-top:18px}
.mock-home-settings-title{display:flex;align-items:center;gap:8px;margin:0 2px 10px;font-size:16px;font-weight:900;color:#f7f2f5}
.mock-home-settings-title svg{width:20px;height:20px;stroke:var(--mock-pink);fill:none;stroke-width:1.7}
.mock-home-settings-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--mock-v2-soft);border-radius:16px;background:linear-gradient(145deg,#121118,#0e0e14);overflow:hidden}
.mock-home-settings-grid a{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:13px 14px;color:#f3eef1;text-decoration:none;min-width:0}
.mock-home-settings-grid a+a{border-left:1px solid rgba(255,255,255,.06)}
.mock-home-settings-grid svg{width:26px;height:26px;stroke:var(--mock-pink);fill:none;stroke-width:1.6}
.mock-home-settings-grid b{display:block;font-size:11px}
.mock-home-settings-grid small{display:block;color:#89838c;font-size:8px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mock-home-settings-grid .chev{color:#aaa3ad;font-size:18px}

/* Make the profile card horizontal on normal phone widths, like the mock. */
@media(min-width:391px) and (max-width:700px){
  body.mock-mypage .tool-shell{padding:18px 16px 92px}
  body.mock-mypage .mypage-v2-title{margin:0 2px 12px}
  body.mock-mypage .mypage-v2-title h1{font-size:22px;margin-bottom:5px}
  body.mock-mypage .mypage-v2-title p{font-size:10.5px}
  .mypage-v2-profile-card{padding:12px 13px;margin-bottom:10px;border-radius:17px}
  .mypage-v2-profile-row{display:grid;grid-template-columns:58px minmax(0,1fr) 118px;gap:10px;align-items:center}
  .mypage-v2-avatar{width:58px;height:58px}
  .mypage-v2-badge-row{display:flex;align-items:center;gap:6px;white-space:nowrap}
  .mypage-v2-badge-row b{font-size:14px}
  .mypage-v2-plan-pill{font-size:7px;padding:3px 7px}
  .mypage-hero-email{font-size:8.8px;margin-top:3px}
  .mypage-v2-plan-note{font-size:7.5px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mypage-v2-theme{grid-column:3;grid-row:1;width:auto;min-width:0;margin:0;padding:0 0 0 10px;border:0;border-left:1px solid rgba(255,255,255,.07);display:block}
  .mypage-v2-theme>span{font-size:8px}
  .theme-swatch-row{display:flex!important;justify-content:flex-start!important;gap:5px!important;margin-top:6px!important}
  .theme-swatch{width:25px!important;height:25px!important}
  .mock-profile-edit{width:100%;margin-top:7px;padding:6px 5px;font-size:7.8px;border-radius:8px}

  .mypage-v2-stats-grid{gap:8px;margin-bottom:10px}
  .mypage-v2-stat-card{min-height:61px;grid-template-columns:34px 1fr auto;padding:8px 10px;border-radius:14px;gap:0 8px}
  .mypage-v2-stat-icon{width:32px;height:32px}
  .mypage-v2-stat-icon svg{width:18px;height:18px}
  .mypage-v2-stat-label{font-size:9px}
  .mypage-v2-stat-value{font-size:8.5px}
  .mypage-v2-stat-value b{font-size:16px}
  .mypage-v2-stat-card::after{font-size:17px}

  .mypage-v2-tabs{margin-bottom:16px;padding:5px;gap:5px;border-radius:18px}
  .mypage-v2-tabs button{padding:7px 2px;font-size:8px;border-radius:13px}

  .mypage-v2-section-head{margin:16px 2px 8px;font-size:14px}
  .mypage-v2-quick-grid{gap:7px}
  .mypage-v2-quick-grid a,.mypage-v2-quick-grid button{min-height:79px;padding:7px 4px;border-radius:13px;gap:3px}
  .mypage-v2-quick-icon{width:30px;height:30px}
  .mypage-v2-quick-icon svg{width:25px;height:25px}
  .mypage-v2-quick-grid b{font-size:8.5px;line-height:1.28}
  .mypage-v2-quick-grid small{font-size:6.8px;line-height:1.3}
  .mypage-v2-quick-grid.three a,.mypage-v2-quick-grid.three button{min-height:68px;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;text-align:left;justify-content:initial;padding:8px}
  .mypage-v2-quick-grid.three .mypage-v2-quick-icon{grid-row:1/3}
  .mypage-v2-quick-grid.three b{font-size:8px}
  .mypage-v2-quick-grid.three small{font-size:6.4px}
  .mock-home-settings{margin-top:15px}
  .mock-home-settings-title{font-size:13px;margin-bottom:7px}
  .mock-home-settings-grid a{padding:9px 10px;grid-template-columns:27px 1fr auto;gap:7px}
  .mock-home-settings-grid svg{width:22px;height:22px}
  .mock-home-settings-grid b{font-size:8.5px}
  .mock-home-settings-grid small{font-size:6.6px}
}

/* ----------------------------- Favorites ----------------------------- */
body.mock-mypage[data-mypage-tab='favorites'] .tool-shell{padding-top:23px}
body.mock-mypage[data-mypage-tab='favorites'] .mock-favorites-hero{margin-bottom:17px}
body.mock-mypage[data-mypage-tab='favorites'] .mock-favorites-hero h1{font-size:27px;display:flex;align-items:center;gap:4px}
body.mock-mypage[data-mypage-tab='favorites'] .mock-favorites-hero h1 span{font-size:35px;line-height:1}
body.mock-mypage[data-mypage-tab='favorites'] .mock-favorites-hero p{font-size:11px}
.mock-fav-summary>div{background:linear-gradient(145deg,#121118,#0f0f15);border-color:rgba(255,111,169,.22)}
.mypage-fav-row .game-card{box-shadow:0 10px 26px rgba(0,0,0,.13)}
@media(min-width:391px) and (max-width:700px){
  body.mock-mypage[data-mypage-tab='favorites'] .tool-shell{padding:20px 17px 92px}
  .mock-fav-summary{gap:7px;margin-bottom:16px}
  .mock-fav-summary>div{min-height:64px;padding:8px;grid-template-columns:31px 1fr;gap:7px}
  .mock-fav-summary i{width:31px;height:31px;font-size:15px}
  .mock-fav-summary b{font-size:8px}.mock-fav-summary strong{font-size:18px}
  .mock-fav-filters{gap:6px;margin-bottom:13px}.mock-fav-filters button{padding:8px 4px;font-size:8px}
  #mypageFavorites{gap:7px}
  .mypage-fav-row .game-card{min-height:86px;padding:9px 80px 9px 9px;grid-template-columns:66px 1fr;border-radius:16px}
  .mypage-fav-row .game-thumb{width:66px;height:66px}
  .mypage-fav-row .game-card b{font-size:13px}.mypage-fav-row .small{font-size:8.6px}.mypage-fav-row .pill{font-size:7.8px}
  .mypage-fav-row .card-fav-btn{right:43px;width:36px;height:36px}.mypage-fav-remove{right:7px;width:31px!important;height:31px!important;min-width:31px!important}
  .mock-fav-bottom-action{margin-top:11px;padding:11px;font-size:9px}
}

/* ----------------------------- Collaboration ----------------------------- */
.mock-collab-recent{margin-top:16px}
.mock-collab-recent-head{display:flex;align-items:center;justify-content:space-between;margin:0 2px 8px}
.mock-collab-recent-head b{font-size:13px}.mock-collab-recent-head a{font-size:9px;color:var(--mock-pink2);text-decoration:none;font-weight:850}
.mock-collab-recent-list{display:flex;flex-direction:column;gap:6px}
.mock-collab-recent-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:8px 11px;border:1px solid rgba(255,111,169,.15);border-radius:13px;background:linear-gradient(145deg,#121118,#0e0e14)}
.mock-collab-recent-empty{padding:16px 4px;text-align:center;color:var(--mock-muted,#8f8993);font-size:11px}
.mock-collab-recent-row img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.mock-collab-recent-row b{display:block;font-size:10px}.mock-collab-recent-row small{display:block;font-size:7.5px;color:#918a94;margin-top:2px}
.mock-collab-status{padding:4px 8px;border-radius:999px;font-size:7px;font-weight:900;white-space:nowrap}
.mock-collab-status.wait{color:#ff8eb9;background:rgba(255,111,169,.09);border:1px solid rgba(255,111,169,.24)}
.mock-collab-status.ok{color:#73d8a0;background:rgba(86,194,132,.10);border:1px solid rgba(86,194,132,.20)}
.mock-collab-date{font-size:7px;color:#9c959f;text-align:right;white-space:nowrap}.mock-collab-date em{display:block;color:var(--mock-pink2);font-style:normal;margin-top:2px;font-weight:800}
.mock-collab-list-action{margin-top:8px;display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border:1px solid var(--mock-v2-soft);border-radius:12px;background:#0f0f14;color:#9b949d;font-size:7.5px}.mock-collab-list-action a{font-size:8px;color:#eee8ed;text-decoration:none;border:1px solid #34303a;border-radius:8px;padding:6px 9px}
@media(min-width:391px) and (max-width:700px){
  body.mock-collab .tool-shell{padding:20px 16px 92px}
  body.mock-collab .mypage-v2-title{margin:0 2px 13px}
  body.mock-collab .mypage-v2-title h1{font-size:22px;margin-bottom:5px}
  body.mock-collab .mypage-v2-title p{font-size:10px}
  .collab-flow-card{padding:11px 12px;margin-bottom:10px;border-radius:15px}
  .collab-flow-title{font-size:9px;margin-bottom:9px}
  .collab-flow-steps{gap:4px}
  .collab-flow-step{grid-template-columns:28px 1fr;gap:0 4px}
  .collab-flow-icon{width:28px;height:28px}.collab-flow-icon svg{width:16px;height:16px}.collab-flow-no{width:14px;height:14px;font-size:6.5px}
  .collab-flow-step b{font-size:7.5px}.collab-flow-step small{font-size:5.8px;line-height:1.35}
  body.mock-collab .mypage-v2-stats-grid{gap:7px;margin-bottom:10px}
  body.mock-collab .mypage-v2-stat-card{min-height:57px;padding:8px;border-radius:14px}
  body.mock-collab .mypage-v2-stat-icon{width:30px;height:30px}body.mock-collab .mypage-v2-stat-icon svg{width:17px;height:17px}
  body.mock-collab .mypage-v2-stat-label{font-size:7.5px}body.mock-collab .mypage-v2-stat-value{font-size:8px}body.mock-collab .mypage-v2-stat-value b{font-size:15px}
  .mock-collab-profile{grid-template-columns:48px 1fr auto;padding:10px 11px;margin-bottom:9px;border-radius:15px;gap:9px}
  .mock-collab-profile img{width:48px;height:48px}.mock-collab-profile h2{font-size:10.5px}.mock-collab-profile p{font-size:7.2px;margin-bottom:5px}.mock-collab-profile .status{font-size:6.5px;padding:3px 7px}
  .mock-collab-profile-actions{grid-column:3;display:grid;gap:5px}.mock-collab-profile-actions button{padding:6px 7px;font-size:6.6px;white-space:nowrap}
  .mock-collab-search-card{padding:10px 11px;margin-bottom:13px;border-radius:15px;gap:9px}.mock-collab-search-icon{width:37px;height:37px}.mock-collab-search-icon svg{width:21px;height:21px}.mock-collab-search-copy b{font-size:10px}.mock-collab-search-copy span{font-size:6.9px}.mock-collab-search-card button{font-size:7.3px;padding:8px 11px}
  .mock-collab-recent{margin-top:12px}.mock-collab-recent-head b{font-size:10px}.mock-collab-recent-head a{font-size:7.5px}
  .mock-collab-recent-row{grid-template-columns:33px minmax(0,1fr) auto auto;padding:6px 8px;gap:7px}.mock-collab-recent-row img{width:33px;height:33px}.mock-collab-recent-row b{font-size:8px}.mock-collab-recent-row small{font-size:6.2px}.mock-collab-status{font-size:6px;padding:3px 6px}.mock-collab-date{font-size:5.8px}
  .mock-collab-list-action{font-size:6.5px;padding:7px 8px}.mock-collab-list-action a{font-size:6.8px;padding:5px 7px}
}

/* ----------------------------- Equipment guide ----------------------------- */
.equip-feature-chips{display:flex;flex-wrap:wrap;gap:6px;grid-column:1;margin-top:8px}
.equip-feature-chips span{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:999px;border:1px solid #37323d;background:#111117;color:#e8e1e6;font-size:8px;font-weight:750}
body.mock-equipment #mic.guide-section{display:none}
body.mock-equipment .equip-disclosure{display:none}
body.mock-equipment .equip-card-img-wrap img.mock-product-mic{clip-path:none!important;object-position:center!important}
@media(min-width:391px) and (max-width:700px){
  body.mock-equipment .guide-article{padding:22px 17px 90px}
  .equip-hero-head{grid-template-columns:minmax(0,1.15fr) 145px;gap:3px;padding-bottom:15px}
  .equip-hero-copy .eyebrow{font-size:8px;padding:5px 11px}
  .equip-hero-head h1{font-size:27px;line-height:1.15;margin:11px 0 9px}
  .equip-hero-head p{font-size:9.2px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .equip-hero-img{width:130%;margin-left:-19%;max-height:210px}
  .equip-toc{padding:13px;margin-bottom:18px;border-radius:17px}.equip-toc-title{font-size:11px;margin-bottom:10px}.equip-toc-list{gap:6px}.equip-toc-item{min-height:72px;font-size:8px;border-radius:12px}.equip-toc-item svg{width:21px!important;height:21px!important}
  .equip-tier-head{margin:17px 0 9px}.equip-tier-head .eyebrow{font-size:14px}
  .equip-card{grid-template-columns:minmax(0,1fr) 39%;padding:13px!important;border-radius:17px!important}
  .equip-card-img-wrap{min-height:175px!important;grid-row:1/7}.equip-card-img-wrap img{max-height:205px!important}
  .equip-card-pick{font-size:7.5px;padding:4px 8px}.equip-card-name{font-size:15px;line-height:1.35;margin-top:8px}.equip-card-price{font-size:9.5px}.equip-feature-chips{gap:4px;margin-top:7px}.equip-feature-chips span{padding:4px 6px;font-size:6.5px}
  .equip-card-note{font-size:8.8px;line-height:1.6;margin-top:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .equip-card-cta-row{gap:7px;margin-top:11px}.equip-cta{font-size:8.3px;padding:9px 6px;border-radius:11px}
  body.mock-equipment .guide-section{margin-top:22px}body.mock-equipment .guide-section h2{font-size:17px}
}

/* ----------------------------- Exact slide menu ----------------------------- */
.site-nav-panel-sheet>.site-nav-h1,
.site-nav-panel-sheet>a{display:none!important}
.mock-menu-v2{display:block}
.mock-menu-v2 .mock-menu-v2-group{margin:18px 0 0}
.mock-menu-v2 h3{margin:0 0 9px;font-size:13px;color:#f5f0f4}
.mock-menu-v2-list{border:1px solid rgba(255,255,255,.075);border-radius:14px;overflow:hidden;background:#101016}
.mock-menu-v2-list a{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;padding:11px 12px;color:#eee8ed;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.055)}
.mock-menu-v2-list a:last-child{border-bottom:0}
.mock-menu-v2-list svg{width:22px;height:22px;stroke:var(--mock-pink);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mock-menu-v2-list b{display:block;font-size:11px}.mock-menu-v2-list small{display:block;margin-top:2px;font-size:7.3px;color:#86808a}.mock-menu-v2-list .chev{color:#8e8790;font-size:17px}
.mock-menu-v2-bottom{display:grid;grid-template-columns:1fr 1fr;margin-top:12px;border:1px solid rgba(255,255,255,.075);border-radius:13px;overflow:hidden}.mock-menu-v2-bottom a{padding:10px 12px;color:#d8d1d7;text-decoration:none;font-size:9px}.mock-menu-v2-bottom a+a{border-left:1px solid rgba(255,255,255,.06)}
.site-nav-account .site-nav-account-signout{display:none!important}
.mock-menu-v2-logout{width:100%;display:flex;align-items:center;gap:12px;margin-top:17px;padding:14px 12px;border:0;border-top:1px solid rgba(255,255,255,.07);background:transparent;color:var(--mock-pink2);font:inherit;font-size:10px;font-weight:850;text-align:left;cursor:pointer;border-radius:0;box-shadow:none}
.mock-menu-v2-logout svg{width:21px;height:21px;stroke:var(--mock-pink);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.mock-menu-v2-logout:hover,.mock-menu-v2-logout:focus-visible{background:rgba(255,111,169,.055);outline:none}
@media(max-width:700px){
  .site-nav-panel-sheet{width:min(74vw,330px);padding:18px 16px calc(env(safe-area-inset-bottom) + 20px)}
  .site-nav-panel-head{margin-bottom:13px}.site-nav-panel-head b{font-size:18px}
  .site-nav-account{padding:11px 12px;margin-bottom:12px;border-radius:14px}.site-nav-account-avatar{width:42px;height:42px}.site-nav-account-id{font-size:12px}
  .mock-menu-quick-title{margin:14px 0 7px;font-size:11px}.mock-menu-quick{gap:7px;margin-bottom:15px}.mock-menu-quick a{padding:10px!important;border-radius:12px;font-size:9.5px!important}.mock-menu-quick svg{width:19px;height:19px}
  .mock-menu-v2 .mock-menu-v2-group{margin-top:14px}.mock-menu-v2 h3{font-size:11px;margin-bottom:7px}.mock-menu-v2-list a{padding:9px 10px;grid-template-columns:25px 1fr auto;gap:8px}.mock-menu-v2-list svg{width:19px;height:19px}.mock-menu-v2-list b{font-size:9px}.mock-menu-v2-list small{font-size:6.5px}.mock-menu-v2-bottom a{font-size:8px;padding:9px 10px}.mock-menu-v2-logout{font-size:9px;padding:13px 10px;gap:10px}.mock-menu-v2-logout svg{width:20px;height:20px}
}

/* ----------------------------- Desktop global navigation ----------------------------- */
@media(min-width:980px){
  body.mock-has-sidebar{padding-left:228px}
  body.mock-has-sidebar.mock-sidebar-collapsed{padding-left:72px}
  .mock-desktop-sidebar{width:228px;padding:20px 14px 18px}
  body.mock-sidebar-collapsed .mock-desktop-sidebar{width:72px}
  .mock-side-head{margin-bottom:20px}.mock-side-logo{font-size:20px}
  .mock-side-section-label{margin:13px 8px 5px;color:#79737c;font-size:8px;font-weight:850;letter-spacing:.08em}
  .mock-side-nav{gap:2px}.mock-side-nav a{min-height:36px;padding:7px 9px;border-radius:9px;font-size:10px;gap:9px}.mock-side-nav svg{width:18px;height:18px}
  .mock-side-sub{margin:0 0 6px 36px;display:grid;gap:3px}.mock-side-sub a{min-height:24px!important;padding:4px 7px!important;font-size:8px!important;color:#89828c!important}
  .mock-side-divider{height:1px;background:rgba(255,255,255,.06);margin:10px 5px}
  body.mock-sidebar-collapsed .mock-side-section-label,
  body.mock-sidebar-collapsed .mock-side-sub,
  body.mock-sidebar-collapsed .mock-side-divider{display:none}
  body.mock-sidebar-collapsed .mock-side-nav a{justify-content:center;padding:8px}
  body.mock-mypage .tool-shell,body.mock-collab .tool-shell{max-width:930px;padding-top:35px}
  body.mock-mypage .mypage-v2-profile-card{padding:18px 20px}
  body.mock-mypage .mypage-v2-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.mock-mypage .mypage-v2-stat-card{min-height:78px}
  body.mock-mypage .mypage-v2-tabs{max-width:none}
}

/* ========================================================================== */
/* Fidelity v3: public ranking + game detail                                  */
/* ========================================================================== */
body.mock-public-v3{
  --v3-bg:#07080c;--v3-card:#101016;--v3-card2:#0d0e13;--v3-soft:#2b2730;
  --v3-pink:#ff6fa9;--v3-pink2:#ffa2ca;--v3-green:#67dc8e;--v3-yellow:#f4bd43;
  background:radial-gradient(780px 420px at 50% 7%,rgba(255,71,143,.11),transparent 72%),linear-gradient(180deg,#0b080e 0,#08080c 45%,#07080c 100%);
}
body.mock-public-v3 .breadcrumb{display:flex!important;padding-top:18px;color:#8e8791;font-size:12px}
body.mock-public-v3 .breadcrumb [aria-current="page"]{color:#d7d0d7}
body.mock-public-v3 main.container,body.mock-public-v3 #gameDetail{max-width:1060px}

/* YouTube/Twitch/Search ranking --------------------------------------------------- */
body.mock-ranking-youtube .page-hero,body.mock-ranking-twitch .page-hero,body.mock-ranking-search .page-hero{padding:38px 0 22px;max-width:820px}
body.mock-ranking-youtube .page-hero .eyebrow,body.mock-ranking-twitch .page-hero .eyebrow,body.mock-ranking-search .page-hero .eyebrow{padding:8px 16px;border-color:rgba(255,111,169,.55);background:rgba(255,111,169,.06);box-shadow:0 0 22px rgba(255,111,169,.08);font-size:11px;letter-spacing:.11em}
body.mock-ranking-youtube .page-hero h1,body.mock-ranking-twitch .page-hero h1,body.mock-ranking-search .page-hero h1{font-size:clamp(36px,5.2vw,58px);letter-spacing:-.055em;line-height:1.05;margin:8px 0 18px}
body.mock-ranking-youtube .page-hero h1::first-letter,body.mock-ranking-twitch .page-hero h1::first-letter,body.mock-ranking-search .page-hero h1::first-letter{color:#fff}
body.mock-ranking-youtube .page-hero p,body.mock-ranking-twitch .page-hero p,body.mock-ranking-search .page-hero p{max-width:760px;font-size:16px;line-height:1.9;color:#a8a0aa}
body.mock-ranking-youtube .trend-page-nav,body.mock-ranking-twitch .trend-page-nav,body.mock-ranking-search .trend-page-nav{gap:10px;margin-bottom:26px;padding:2px 0 8px}
body.mock-ranking-youtube .trend-page-nav a,body.mock-ranking-twitch .trend-page-nav a,body.mock-ranking-search .trend-page-nav a{padding:11px 18px;border-radius:999px;background:#101017;border:1px solid #37323c;color:#bbb4bd;font-size:12px}
body.mock-ranking-youtube .trend-page-nav a[href="/ranking/youtube/"],body.mock-ranking-twitch .trend-page-nav a[href="/ranking/twitch/"],body.mock-ranking-search .trend-page-nav a[href="/ranking/search/"],body.mock-ranking-newgames .trend-page-nav a[href="/games/new/"],body.mock-ranking-rising .trend-page-nav a[href="/games/rising/"],body.mock-ranking-updated .trend-page-nav a[href="/guidelines/updated/"],body.mock-ranking-vtuberpage .trend-page-nav a[href="/trends/vtuber/"],body.mock-ranking-vtuber-v17 .trend-page-nav a[href="/trends/vtuber/"]{color:#ffd8e8;border-color:rgba(255,111,169,.78);background:linear-gradient(180deg,rgba(255,111,169,.16),rgba(255,111,169,.07));box-shadow:0 0 0 3px rgba(255,111,169,.07),0 0 26px rgba(255,111,169,.12)}
body.mock-ranking-youtube .rank-grid,body.mock-ranking-twitch .rank-grid,body.mock-ranking-search .rank-grid{grid-template-columns:1fr;gap:14px;margin-top:0;padding-bottom:110px}
body.mock-ranking-youtube .rank-grid .game-card,body.mock-ranking-twitch .rank-grid .game-card,body.mock-ranking-newgames .rank-grid .game-card,body.mock-ranking-rising .rank-grid .game-card,body.mock-ranking-updated .rank-grid .game-card,body.mock-ranking-vtuberpage .rank-grid .game-card{min-height:154px;grid-template-columns:118px minmax(0,1fr);gap:22px;padding:20px 78px 20px 20px;border-radius:24px;background:linear-gradient(135deg,rgba(20,18,25,.99),rgba(12,13,18,.99));border:1.5px solid #d84b82;box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 0 10px rgba(255,73,146,.10);transform:none}
body.mock-ranking-youtube .rank-grid .game-thumb,body.mock-ranking-twitch .rank-grid .game-thumb,body.mock-ranking-newgames .rank-grid .game-thumb,body.mock-ranking-rising .rank-grid .game-thumb,body.mock-ranking-updated .rank-grid .game-thumb,body.mock-ranking-vtuberpage .rank-grid .game-thumb{width:118px;height:118px;border-radius:22px}
body.mock-ranking-youtube .rank-grid .game-card-content,body.mock-ranking-twitch .rank-grid .game-card-content,body.mock-ranking-newgames .rank-grid .game-card-content,body.mock-ranking-rising .rank-grid .game-card-content,body.mock-ranking-updated .rank-grid .game-card-content,body.mock-ranking-vtuberpage .rank-grid .game-card-content{padding-right:0;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
body.mock-ranking-youtube .rank-grid .game-topline,body.mock-ranking-twitch .rank-grid .game-topline,body.mock-ranking-newgames .rank-grid .game-topline,body.mock-ranking-rising .rank-grid .game-topline,body.mock-ranking-updated .rank-grid .game-topline,body.mock-ranking-vtuberpage .rank-grid .game-topline{width:100%;gap:12px}
body.mock-ranking-youtube .rank-grid .rank-no,body.mock-ranking-twitch .rank-grid .rank-no,body.mock-ranking-newgames .rank-grid .rank-no,body.mock-ranking-rising .rank-grid .rank-no,body.mock-ranking-updated .rank-grid .rank-no,body.mock-ranking-vtuberpage .rank-grid .rank-no{height:34px;min-width:48px;padding:0 11px;border-radius:12px;background:rgba(255,111,169,.10);border:1px solid rgba(255,111,169,.32);color:var(--v3-pink2);font-size:14px}
body.mock-ranking-youtube .rank-grid .game-card b,body.mock-ranking-twitch .rank-grid .game-card b,body.mock-ranking-newgames .rank-grid .game-card b,body.mock-ranking-rising .rank-grid .game-card b,body.mock-ranking-updated .rank-grid .game-card b,body.mock-ranking-vtuberpage .rank-grid .game-card b{font-size:22px;line-height:1.25;letter-spacing:-.02em}
body.mock-ranking-youtube .rank-grid .small,body.mock-ranking-twitch .rank-grid .small,body.mock-ranking-newgames .rank-grid .small,body.mock-ranking-rising .rank-grid .small,body.mock-ranking-updated .rank-grid .small,body.mock-ranking-vtuberpage .rank-grid .small{font-size:13px;margin-top:8px;color:#9e97a1}
body.mock-ranking-youtube .rank-grid .pill,body.mock-ranking-twitch .rank-grid .pill,body.mock-ranking-newgames .rank-grid .pill,body.mock-ranking-rising .rank-grid .pill,body.mock-ranking-updated .rank-grid .pill,body.mock-ranking-vtuberpage .rank-grid .pill{font-size:13px;padding:8px 13px;margin-top:10px;border:1px solid transparent}
body.mock-ranking-youtube .rank-grid .pill.ok,body.mock-ranking-twitch .rank-grid .pill.ok,body.mock-ranking-newgames .rank-grid .pill.ok,body.mock-ranking-rising .rank-grid .pill.ok,body.mock-ranking-updated .rank-grid .pill.ok,body.mock-ranking-vtuberpage .rank-grid .pill.ok{border-color:rgba(103,220,142,.35);background:rgba(38,154,80,.13);color:#76e49b}
body.mock-ranking-youtube .rank-grid .pill.conditional,body.mock-ranking-youtube .rank-grid .pill.unknown,body.mock-ranking-twitch .rank-grid .pill.conditional,body.mock-ranking-twitch .rank-grid .pill.unknown,body.mock-ranking-newgames .rank-grid .pill.conditional,body.mock-ranking-newgames .rank-grid .pill.unknown,body.mock-ranking-rising .rank-grid .pill.conditional,body.mock-ranking-rising .rank-grid .pill.unknown,body.mock-ranking-updated .rank-grid .pill.conditional,body.mock-ranking-updated .rank-grid .pill.unknown,body.mock-ranking-vtuberpage .rank-grid .pill.conditional,body.mock-ranking-vtuberpage .rank-grid .pill.unknown{border-color:rgba(244,189,67,.35);background:rgba(177,113,13,.12);color:#ffc952}
body.mock-ranking-youtube .rank-grid .pill-hint,body.mock-ranking-twitch .rank-grid .pill-hint,body.mock-ranking-newgames .rank-grid .pill-hint,body.mock-ranking-rising .rank-grid .pill-hint,body.mock-ranking-updated .rank-grid .pill-hint,body.mock-ranking-vtuberpage .rank-grid .pill-hint{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:720px;margin-top:10px;font-size:12px;line-height:1.65;color:#c3b9ad}
body.mock-ranking-youtube .rank-grid .card-fav-btn,body.mock-ranking-twitch .rank-grid .card-fav-btn,body.mock-ranking-newgames .rank-grid .card-fav-btn,body.mock-ranking-rising .rank-grid .card-fav-btn,body.mock-ranking-updated .rank-grid .card-fav-btn,body.mock-ranking-vtuberpage .rank-grid .card-fav-btn{top:50%;right:24px;transform:translateY(-50%);width:54px;height:54px;border:1px solid rgba(255,111,169,.55);background:#111119;color:var(--v3-pink2);font-size:27px}
body.mock-ranking-youtube .rank-grid .card-fav-btn:active,body.mock-ranking-twitch .rank-grid .card-fav-btn:active,body.mock-ranking-newgames .rank-grid .card-fav-btn:active,body.mock-ranking-rising .rank-grid .card-fav-btn:active,body.mock-ranking-updated .rank-grid .card-fav-btn:active,body.mock-ranking-vtuberpage .rank-grid .card-fav-btn:active{transform:translateY(-50%) scale(.94)}
body.mock-ranking-youtube .rank-grid .mock-rank-caution,body.mock-ranking-twitch .rank-grid .mock-rank-caution,body.mock-ranking-newgames .rank-grid .mock-rank-caution,body.mock-ranking-rising .rank-grid .mock-rank-caution,body.mock-ranking-updated .rank-grid .mock-rank-caution,body.mock-ranking-vtuberpage .rank-grid .mock-rank-caution{border-color:rgba(244,157,75,.52)}
/* 検索上位ランキングは画像・要確認バッジを持たないため、Twitch/YouTubeと同じ大型カードの骨格（角丸・枠線・余白・rank番号・タイトル文字サイズ）だけを .search-seo-card に適用して統一 */
body.mock-ranking-search .rank-grid .search-seo-card{min-height:88px;padding:20px 22px;border-radius:24px;background:linear-gradient(135deg,rgba(20,18,25,.99),rgba(12,13,18,.99));border:1.5px solid #d84b82;box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 0 10px rgba(255,73,146,.10);gap:18px}
body.mock-ranking-search .rank-grid .search-seo-card .rank-no{height:34px;min-width:48px;padding:0 11px;border-radius:12px;background:rgba(255,111,169,.10);border:1px solid rgba(255,111,169,.32);color:var(--v3-pink2);font-size:14px;margin-right:0}
body.mock-ranking-search .rank-grid .search-seo-card .game-card-content{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding-right:0}
body.mock-ranking-search .rank-grid .search-seo-card b{font-size:22px;line-height:1.25;letter-spacing:-.02em}
body.mock-ranking-search .rank-grid .search-seo-card .small{font-size:13px;margin-top:8px;color:#9e97a1}

/* Game detail ------------------------------------------------------------- */
body.mock-game-detail-v3 #gameDetail.result{padding-top:22px;padding-bottom:125px}
body.mock-game-detail-v3 .back-link{margin:0 0 11px;color:var(--v3-pink2);font-size:11px}
.mock-detail-top-v3{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(410px,.96fr);gap:14px;align-items:stretch}
body.mock-game-detail-v3 .mock-detail-hero-card,body.mock-game-detail-v3 .mock-detail-status-v3,body.mock-game-detail-v3 .mock-detail-summary-v3,body.mock-game-detail-v3 .mock-detail-credit-v3,body.mock-game-detail-v3 .mock-detail-caution-v3,body.mock-game-detail-v3 .mock-detail-faq-v3{background:linear-gradient(145deg,#111117,#0d0e13);border:1px solid rgba(255,111,169,.20);border-radius:18px;box-shadow:none;overflow:hidden}
body.mock-game-detail-v3 .mock-detail-hero-card{padding:0}
body.mock-game-detail-v3 .mock-detail-hero-card .game-head{height:100%;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:18px;border:0;align-items:center}
body.mock-game-detail-v3 .mock-detail-hero-card .cover{width:150px;height:150px;border-radius:20px}
body.mock-game-detail-v3 .detail-kicker{font-size:9px;margin-bottom:4px}
body.mock-game-detail-v3 .game-title{font-size:31px;margin-bottom:5px;line-height:1.08}
body.mock-game-detail-v3 .game-head .small{font-size:11px;margin:0;color:#9c949e}
body.mock-game-detail-v3 .overall{font-size:18px;padding:9px 14px;margin-top:11px;border:1px solid rgba(103,220,142,.25)}
body.mock-game-detail-v3 .detail-toolbar{margin:11px 0 0;gap:6px}
body.mock-game-detail-v3 .detail-toolbar .soft-btn{min-height:34px;padding:8px 11px;font-size:9px;border-radius:9px;background:#101016}
body.mock-game-detail-v3 .public-meta{padding:8px 0 0;gap:5px}
body.mock-game-detail-v3 .meta-chip,body.mock-game-detail-v3 .freshness-chip{font-size:8px;padding:4px 7px}
body.mock-game-detail-v3 .application-notice{grid-column:1/-1;margin:0 18px 18px}
body.mock-game-detail-v3 .mock-detail-status-v3{padding:15px 16px}
body.mock-game-detail-v3 .mock-detail-status-v3 .quick-answer{padding:0 0 11px;border:0;background:none;align-items:center}
body.mock-game-detail-v3 .mock-detail-status-v3 .quick-label{font-size:12px}
body.mock-game-detail-v3 .mock-detail-status-v3 .quick-answer h2{display:inline;font-size:11px;font-weight:700;color:#aaa2ac;margin-left:6px}
body.mock-game-detail-v3 .mock-detail-status-v3 .quick-verdict{display:none}
body.mock-game-detail-v3 .mock-detail-status-v3 .detail-subhead{display:none}
body.mock-game-detail-v3 .mock-detail-status-v3 .status-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0;border:0}
body.mock-game-detail-v3 .mock-detail-status-v3 .status-box{display:flex;align-items:center;justify-content:space-between;min-height:43px;padding:10px 12px;border-radius:10px;background:#121218;border:1px solid rgba(255,255,255,.075)}
body.mock-game-detail-v3 .mock-detail-status-v3 .status-box b{margin:0;font-size:10px;color:#d2cbd2}
body.mock-game-detail-v3 .mock-detail-status-v3 .status-value{font-size:10px}
body.mock-game-detail-v3 .mock-detail-status-v3::after{content:'すべての条件を詳しく見る ›';display:block;text-align:right;color:var(--v3-pink2);font-size:9px;font-weight:900;margin-top:10px}
.mock-detail-middle-v3{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);gap:14px;margin-top:14px}
body.mock-game-detail-v3 .monika-guide{margin:0;min-height:202px;border-radius:18px;border-color:rgba(255,111,169,.28);background:linear-gradient(135deg,rgba(255,111,169,.075),#111117 55%)}
body.mock-game-detail-v3 .monika-guide-copy{width:57%;padding:20px}
body.mock-game-detail-v3 .monika-guide h2{font-size:22px}
body.mock-game-detail-v3 .monika-guide p{font-size:11px}
body.mock-game-detail-v3 .monika-guide-stage{width:48%}
body.mock-game-detail-v3 .monika-guide-stage img{height:140%;top:-12%;right:-2%}
body.mock-game-detail-v3 .mock-detail-summary-v3{padding:17px 18px;border-top:1px solid rgba(255,111,169,.20)}
body.mock-game-detail-v3 .mock-detail-summary-v3 h2{padding:0;font-size:17px}
body.mock-game-detail-v3 .mock-detail-summary-v3 .public-text{padding:10px 0 6px;font-size:10px;line-height:1.7;white-space:normal;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
body.mock-game-detail-v3 .mock-detail-summary-v3 .official-button{min-height:35px;margin-top:8px;font-size:9px;border-radius:9px}
.mock-detail-lower-v3{display:grid;grid-template-columns:minmax(320px,.65fr) minmax(0,1.35fr);gap:14px;margin-top:14px}
body.mock-game-detail-v3 .mock-detail-credit-v3,body.mock-game-detail-v3 .mock-detail-caution-v3{margin:0!important;padding:16px 18px}
body.mock-game-detail-v3 .mock-detail-credit-v3 h2,body.mock-game-detail-v3 .mock-detail-caution-v3 h2{font-size:17px}
body.mock-game-detail-v3 .mock-detail-credit-v3 p{font-size:9px;margin-bottom:9px}
body.mock-game-detail-v3 .credit-box{min-height:72px;font-size:10px;line-height:1.6;border-radius:10px}
body.mock-game-detail-v3 .copy-btn{padding:9px;font-size:10px;border-radius:9px}
body.mock-game-detail-v3 .mock-detail-caution-v3 .caution-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
body.mock-game-detail-v3 .mock-detail-caution-v3 .caution-item{padding:11px;border-radius:10px;font-size:9px;line-height:1.55;background:rgba(225,171,49,.055);border:1px solid rgba(225,171,49,.18)}
body.mock-game-detail-v3 .mock-detail-faq-v3{margin-top:14px;padding:14px 18px}
body.mock-game-detail-v3 .mock-detail-faq-v3 h2{font-size:17px;margin-bottom:9px}
body.mock-game-detail-v3 .mock-detail-faq-v3 .faq-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}
body.mock-game-detail-v3 .mock-detail-faq-v3 .faq-list details{border-radius:9px;padding:0 11px;background:#0d0e13}
body.mock-game-detail-v3 .mock-detail-faq-v3 .faq-list summary{padding:9px 0;font-size:9px;font-weight:750}
body.mock-game-detail-v3 .mock-detail-faq-v3 .faq-list p{font-size:9px;padding-bottom:10px}
body.mock-game-detail-v3 .notice{font-size:9px;padding:10px 12px;margin-top:10px}
.mock-detail-bottom-v3{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:14px;margin-top:14px}
body.mock-game-detail-v3 .mock-detail-bottom-v3 .detail-next-links,body.mock-game-detail-v3 .mock-detail-bottom-v3 .related-block{margin:0;border-radius:18px;padding:14px 16px;background:#101016;border-color:rgba(255,111,169,.16)}
body.mock-game-detail-v3 .mock-detail-bottom-v3 .detail-next-head h2,body.mock-game-detail-v3 .mock-detail-bottom-v3 .related-heading h2{font-size:15px}
body.mock-game-detail-v3 .mock-detail-bottom-v3 .detail-next-head p{display:none}
body.mock-game-detail-v3 .mock-detail-bottom-v3 .detail-next-grid{grid-template-columns:1fr;gap:6px}
body.mock-game-detail-v3 .mock-detail-bottom-v3 .detail-next-grid>a{padding:9px 10px;border-radius:9px}
body.mock-game-detail-v3 .mock-detail-bottom-v3 .detail-next-grid b{font-size:10px}
body.mock-game-detail-v3 .mock-detail-bottom-v3 .detail-next-grid span{font-size:8px}
body.mock-game-detail-v3 .mock-detail-bottom-v3 .related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
body.mock-game-detail-v3 .mock-detail-bottom-v3 .mini-card{min-width:0}
body.mock-game-detail-v3 .mock-detail-secondary-v3{display:none!important}
body.mock-game-detail-v3 footer{margin-top:40px}

/* Mobile fidelity to the approved mock ----------------------------------- */
@media(max-width:700px){
  body.mock-public-v3 .header{height:70px}
  body.mock-public-v3 .header-inner{padding:0 4px}
  body.mock-public-v3 .logo{font-size:26px}
  body.mock-public-v3 .header-icon-btn{width:43px;height:43px}
  body.mock-public-v3 .breadcrumb{font-size:10px;padding-top:13px}

  body.mock-ranking-youtube main.container,body.mock-ranking-twitch main.container,body.mock-ranking-search main.container{padding-left:17px;padding-right:17px}
  body.mock-ranking-youtube .page-hero,body.mock-ranking-twitch .page-hero,body.mock-ranking-search .page-hero{padding:24px 0 18px}
  body.mock-ranking-youtube .page-hero .eyebrow,body.mock-ranking-twitch .page-hero .eyebrow,body.mock-ranking-search .page-hero .eyebrow{font-size:9px;padding:7px 12px}
  body.mock-ranking-youtube .page-hero h1,body.mock-ranking-twitch .page-hero h1,body.mock-ranking-search .page-hero h1{font-size:34px;margin:8px 0 13px}
  body.mock-ranking-youtube .page-hero p,body.mock-ranking-twitch .page-hero p,body.mock-ranking-search .page-hero p{font-size:12px;line-height:1.8}
  body.mock-ranking-youtube .trend-page-nav,body.mock-ranking-twitch .trend-page-nav,body.mock-ranking-search .trend-page-nav{gap:7px;margin-right:-17px;padding-right:17px;margin-bottom:17px}
  body.mock-ranking-youtube .trend-page-nav a,body.mock-ranking-twitch .trend-page-nav a,body.mock-ranking-search .trend-page-nav a{padding:9px 12px;font-size:9px}
  body.mock-ranking-youtube .rank-grid,body.mock-ranking-twitch .rank-grid,body.mock-ranking-search .rank-grid{gap:11px;padding-bottom:105px}
  body.mock-ranking-youtube .rank-grid .game-card,body.mock-ranking-twitch .rank-grid .game-card,body.mock-ranking-newgames .rank-grid .game-card,body.mock-ranking-rising .rank-grid .game-card,body.mock-ranking-updated .rank-grid .game-card,body.mock-ranking-vtuberpage .rank-grid .game-card{min-height:138px;grid-template-columns:96px minmax(0,1fr);gap:14px;padding:15px 54px 15px 15px;border-radius:20px}
  body.mock-ranking-youtube .rank-grid .game-thumb,body.mock-ranking-twitch .rank-grid .game-thumb,body.mock-ranking-newgames .rank-grid .game-thumb,body.mock-ranking-rising .rank-grid .game-thumb,body.mock-ranking-updated .rank-grid .game-thumb,body.mock-ranking-vtuberpage .rank-grid .game-thumb{width:96px;height:96px;border-radius:18px}
  body.mock-ranking-youtube .rank-grid .rank-no,body.mock-ranking-twitch .rank-grid .rank-no,body.mock-ranking-newgames .rank-grid .rank-no,body.mock-ranking-rising .rank-grid .rank-no,body.mock-ranking-updated .rank-grid .rank-no,body.mock-ranking-vtuberpage .rank-grid .rank-no{height:28px;min-width:40px;padding:0 8px;border-radius:10px;font-size:11px}
  body.mock-ranking-youtube .rank-grid .game-card b,body.mock-ranking-twitch .rank-grid .game-card b,body.mock-ranking-newgames .rank-grid .game-card b,body.mock-ranking-rising .rank-grid .game-card b,body.mock-ranking-updated .rank-grid .game-card b,body.mock-ranking-vtuberpage .rank-grid .game-card b{font-size:17px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.mock-ranking-youtube .rank-grid .small,body.mock-ranking-twitch .rank-grid .small,body.mock-ranking-newgames .rank-grid .small,body.mock-ranking-rising .rank-grid .small,body.mock-ranking-updated .rank-grid .small,body.mock-ranking-vtuberpage .rank-grid .small{font-size:10px;margin-top:6px}
  body.mock-ranking-youtube .rank-grid .pill,body.mock-ranking-twitch .rank-grid .pill,body.mock-ranking-newgames .rank-grid .pill,body.mock-ranking-rising .rank-grid .pill,body.mock-ranking-updated .rank-grid .pill,body.mock-ranking-vtuberpage .rank-grid .pill{font-size:10px;padding:6px 9px;margin-top:7px}
  body.mock-ranking-youtube .rank-grid .pill-hint,body.mock-ranking-twitch .rank-grid .pill-hint,body.mock-ranking-newgames .rank-grid .pill-hint,body.mock-ranking-rising .rank-grid .pill-hint,body.mock-ranking-updated .rank-grid .pill-hint,body.mock-ranking-vtuberpage .rank-grid .pill-hint{font-size:9px;line-height:1.45;margin-top:6px;-webkit-line-clamp:2}
  body.mock-ranking-youtube .rank-grid .card-fav-btn,body.mock-ranking-twitch .rank-grid .card-fav-btn,body.mock-ranking-newgames .rank-grid .card-fav-btn,body.mock-ranking-rising .rank-grid .card-fav-btn,body.mock-ranking-updated .rank-grid .card-fav-btn,body.mock-ranking-vtuberpage .rank-grid .card-fav-btn{right:13px;width:39px;height:39px;font-size:21px}
  body.mock-ranking-search .rank-grid .search-seo-card{min-height:64px;padding:15px 54px 15px 15px;border-radius:20px;gap:14px}
  body.mock-ranking-search .rank-grid .search-seo-card .rank-no{height:28px;min-width:40px;padding:0 8px;border-radius:10px;font-size:11px}
  body.mock-ranking-search .rank-grid .search-seo-card b{font-size:17px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.mock-ranking-search .rank-grid .search-seo-card .small{font-size:10px;margin-top:6px}

  body.mock-game-detail-v3 #gameDetail.container{padding-left:14px;padding-right:14px}
  body.mock-game-detail-v3 #gameDetail.result{padding-top:14px;padding-bottom:105px}
  .mock-detail-top-v3{grid-template-columns:1fr;gap:10px}
  body.mock-game-detail-v3 .mock-detail-hero-card .game-head{grid-template-columns:88px minmax(0,1fr);gap:12px;padding:13px}
  body.mock-game-detail-v3 .mock-detail-hero-card .cover{width:88px;height:88px;border-radius:15px}
  body.mock-game-detail-v3 .game-title{font-size:19px;line-height:1.12;margin-bottom:4px}
  body.mock-game-detail-v3 .game-head .small{font-size:8px;line-height:1.45}
  body.mock-game-detail-v3 .overall{font-size:12px;padding:6px 9px;margin-top:7px}
  body.mock-game-detail-v3 .detail-toolbar{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-column:1/-1;margin-top:10px;gap:5px}
  body.mock-game-detail-v3 .detail-toolbar .soft-btn{min-height:32px;padding:6px 5px;font-size:7.3px}
  body.mock-game-detail-v3 .public-meta{display:flex;gap:4px;padding-top:6px}body.mock-game-detail-v3 .meta-chip,body.mock-game-detail-v3 .freshness-chip{font-size:6px;padding:3px 5px}
  body.mock-game-detail-v3 .mock-detail-status-v3{padding:12px 13px}
  body.mock-game-detail-v3 .mock-detail-status-v3 .quick-answer{padding-bottom:9px}
  body.mock-game-detail-v3 .mock-detail-status-v3 .quick-label{font-size:9px}body.mock-game-detail-v3 .mock-detail-status-v3 .quick-answer h2{font-size:8px}
  body.mock-game-detail-v3 .mock-detail-status-v3 .status-grid{gap:5px}
  body.mock-game-detail-v3 .mock-detail-status-v3 .status-box{min-height:34px;padding:8px 9px;border-radius:8px}body.mock-game-detail-v3 .mock-detail-status-v3 .status-box b{font-size:7.2px}body.mock-game-detail-v3 .mock-detail-status-v3 .status-value{font-size:7px}
  body.mock-game-detail-v3 .mock-detail-status-v3::after{font-size:7px;margin-top:8px}
  .mock-detail-middle-v3{grid-template-columns:1fr;gap:10px;margin-top:10px}
  body.mock-game-detail-v3 .monika-guide{min-height:154px}
  body.mock-game-detail-v3 .monika-guide-copy{width:62%;padding:13px}
  body.mock-game-detail-v3 .monika-guide-label{font-size:7px}body.mock-game-detail-v3 .monika-guide h2{font-size:15px;margin:6px 0 5px}body.mock-game-detail-v3 .monika-guide p{font-size:8px;line-height:1.6}body.mock-game-detail-v3 .monika-guide-meta{margin-top:6px}body.mock-game-detail-v3 .monika-guide-meta span,body.mock-game-detail-v3 .monika-guide-meta a{font-size:6.5px}
  body.mock-game-detail-v3 .monika-guide-stage{width:47%}body.mock-game-detail-v3 .monika-guide-stage img{height:137%;top:-11%}
  body.mock-game-detail-v3 .mock-detail-summary-v3{padding:13px 14px}body.mock-game-detail-v3 .mock-detail-summary-v3 h2{font-size:14px}body.mock-game-detail-v3 .mock-detail-summary-v3 .public-text{font-size:8px;line-height:1.65;-webkit-line-clamp:5}body.mock-game-detail-v3 .mock-detail-summary-v3 .official-button{font-size:8px;min-height:32px}
  .mock-detail-lower-v3{grid-template-columns:1fr;gap:10px;margin-top:10px}
  body.mock-game-detail-v3 .mock-detail-credit-v3,body.mock-game-detail-v3 .mock-detail-caution-v3{padding:13px 14px}body.mock-game-detail-v3 .mock-detail-credit-v3 h2,body.mock-game-detail-v3 .mock-detail-caution-v3 h2{font-size:14px}
  body.mock-game-detail-v3 .mock-detail-caution-v3 .caution-list{grid-template-columns:1fr;gap:6px}body.mock-game-detail-v3 .mock-detail-caution-v3 .caution-item{font-size:8px;padding:9px 10px}
  body.mock-game-detail-v3 .mock-detail-faq-v3{padding:12px 13px;margin-top:10px}body.mock-game-detail-v3 .mock-detail-faq-v3 h2{font-size:14px}body.mock-game-detail-v3 .mock-detail-faq-v3 .faq-list{grid-template-columns:1fr;gap:5px}body.mock-game-detail-v3 .mock-detail-faq-v3 .faq-list summary{font-size:8px;padding:8px 0}
  .mock-detail-bottom-v3{grid-template-columns:1fr;gap:10px;margin-top:10px}
  body.mock-game-detail-v3 .mock-detail-bottom-v3 .detail-next-links,body.mock-game-detail-v3 .mock-detail-bottom-v3 .related-block{padding:12px 13px}
  body.mock-game-detail-v3 .mock-detail-bottom-v3 .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.mock-game-detail-v3 .bottom-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom))}
}

@media(min-width:701px){
  body.mock-public-v3 .header-inner{width:min(100%,1060px)}
  body.mock-public-v3 .header{height:66px}
  body.mock-public-v3 .logo{font-size:23px}
  body.mock-public-v3 .header-icon-btn{width:38px;height:38px}
  body.mock-game-detail-v3 .bottom-nav,body.mock-ranking-youtube .bottom-nav,body.mock-ranking-twitch .bottom-nav,body.mock-ranking-search .bottom-nav,body.mock-ranking-newgames .bottom-nav,body.mock-ranking-rising .bottom-nav,body.mock-ranking-updated .bottom-nav,body.mock-ranking-vtuberpage .bottom-nav{display:none}
}
.mock-public-desktop-nav{display:none}
@media(min-width:701px){
  .mock-public-desktop-nav{display:flex;align-items:center;gap:28px;flex:1;margin-left:16px}
  .mock-public-header-search{width:290px;height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border:1px solid #37333d;border-radius:999px;background:#101016;color:#77717c;font-size:10px}
  .mock-public-header-search span{font-size:18px;color:#d5cfd5}
  .mock-public-desktop-nav nav{display:flex;align-items:center;gap:24px;margin-left:auto}
  .mock-public-desktop-nav nav a{font-size:10px;font-weight:800;color:#ddd6dc}
  .mock-public-desktop-nav nav a:hover{color:var(--mock-pink2)}
  body.mock-public-v3 .header-actions{margin-left:8px}
}

/* ========================================================================== */
/* Fidelity v4 — approved ranking + game-detail mock, precision pass           */
/* Visual-only overrides. public.js / worker.js remain untouched.              */
/* ========================================================================== */
body.mock-public-v3{
  --v4-pink:#ff6fa9;--v4-pink2:#ffa2ca;--v4-card:#0e0f14;--v4-line:rgba(255,111,169,.34);
  background:
    radial-gradient(620px 340px at 72% 16%,rgba(255,65,144,.075),transparent 74%),
    radial-gradient(760px 430px at 26% 7%,rgba(126,28,76,.16),transparent 72%),
    linear-gradient(180deg,#0b080e 0,#08090d 48%,#07080c 100%);
}
body.mock-public-v3 .header{
  background:rgba(6,7,11,.97);border-bottom:1px solid rgba(255,111,169,.09);box-shadow:none;
}
body.mock-public-v3 .header-icon-btn{
  border-color:rgba(255,111,169,.55)!important;background:#0e0e14!important;color:#fff!important;
  box-shadow:0 0 0 1px rgba(255,111,169,.04),0 0 20px rgba(255,111,169,.05)!important;
}
body.mock-public-v3 .header-icon-btn:last-child{color:var(--v4-pink2)!important}
body.mock-public-v3 .breadcrumb{padding-top:14px;color:#918993}
body.mock-public-v3 main.container,body.mock-public-v3 #gameDetail{max-width:1100px}

/* Ranking — match approved mobile mock proportions */
body.mock-ranking-youtube .page-hero,body.mock-ranking-twitch .page-hero,body.mock-ranking-newgames .page-hero,body.mock-ranking-rising .page-hero,body.mock-ranking-updated .page-hero,body.mock-ranking-vtuberpage .page-hero{padding:24px 0 15px;max-width:800px}
body.mock-ranking-youtube .page-hero .eyebrow,body.mock-ranking-twitch .page-hero .eyebrow,body.mock-ranking-newgames .page-hero .eyebrow,body.mock-ranking-rising .page-hero .eyebrow,body.mock-ranking-updated .page-hero .eyebrow,body.mock-ranking-vtuberpage .page-hero .eyebrow{
  padding:7px 14px;border-radius:999px;font-size:10px;box-shadow:0 0 22px rgba(255,64,145,.13);
}
body.mock-ranking-youtube .page-hero h1,body.mock-ranking-twitch .page-hero h1,body.mock-ranking-newgames .page-hero h1,body.mock-ranking-rising .page-hero h1,body.mock-ranking-updated .page-hero h1,body.mock-ranking-vtuberpage .page-hero h1{
  font-size:46px;margin:12px 0 13px;line-height:1.08;letter-spacing:-.052em;
  background:linear-gradient(90deg,#fff 0 52%,#ff83b8 84%,#ff6fa9 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
}
body.mock-ranking-youtube .page-hero p,body.mock-ranking-twitch .page-hero p,body.mock-ranking-newgames .page-hero p,body.mock-ranking-rising .page-hero p,body.mock-ranking-updated .page-hero p,body.mock-ranking-vtuberpage .page-hero p{font-size:15px;line-height:1.85;color:#aaa2ac}
body.mock-ranking-youtube .trend-page-nav,body.mock-ranking-twitch .trend-page-nav,body.mock-ranking-newgames .trend-page-nav,body.mock-ranking-rising .trend-page-nav,body.mock-ranking-updated .trend-page-nav,body.mock-ranking-vtuberpage .trend-page-nav{gap:9px;margin-bottom:20px;padding:1px 0 4px}
body.mock-ranking-youtube .trend-page-nav a,body.mock-ranking-twitch .trend-page-nav a,body.mock-ranking-newgames .trend-page-nav a,body.mock-ranking-rising .trend-page-nav a,body.mock-ranking-updated .trend-page-nav a,body.mock-ranking-vtuberpage .trend-page-nav a{min-height:38px;padding:9px 15px;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:850}
body.mock-ranking-youtube .trend-page-nav a:nth-child(n+6),body.mock-ranking-twitch .trend-page-nav a:nth-child(n+6),body.mock-ranking-search .trend-page-nav a:nth-child(n+6){display:none!important}
body.mock-ranking-youtube .trend-page-nav a::before,body.mock-ranking-twitch .trend-page-nav a::before,body.mock-ranking-search .trend-page-nav a::before{font-size:13px;line-height:1;color:#b8b1ba}
body.mock-ranking-youtube .trend-page-nav a:nth-child(1)::before,body.mock-ranking-twitch .trend-page-nav a:nth-child(1)::before,body.mock-ranking-search .trend-page-nav a:nth-child(1)::before{content:'▣';color:#9b6cff}
body.mock-ranking-youtube .trend-page-nav a:nth-child(2)::before,body.mock-ranking-twitch .trend-page-nav a:nth-child(2)::before,body.mock-ranking-search .trend-page-nav a:nth-child(2)::before{content:'▶';color:#ff6fa9}
body.mock-ranking-youtube .trend-page-nav a:nth-child(3)::before,body.mock-ranking-twitch .trend-page-nav a:nth-child(3)::before,body.mock-ranking-search .trend-page-nav a:nth-child(3)::before{content:'⌕'}
body.mock-ranking-youtube .trend-page-nav a:nth-child(4)::before,body.mock-ranking-twitch .trend-page-nav a:nth-child(4)::before,body.mock-ranking-search .trend-page-nav a:nth-child(4)::before{content:'♙'}
body.mock-ranking-youtube .trend-page-nav a:nth-child(5)::before,body.mock-ranking-twitch .trend-page-nav a:nth-child(5)::before,body.mock-ranking-search .trend-page-nav a:nth-child(5)::before{content:'✦';color:#ff8abd}
body.mock-ranking-youtube .rank-grid,body.mock-ranking-twitch .rank-grid,body.mock-ranking-search .rank-grid{gap:12px}
body.mock-ranking-youtube .rank-grid .game-card,body.mock-ranking-twitch .rank-grid .game-card,body.mock-ranking-newgames .rank-grid .game-card,body.mock-ranking-rising .rank-grid .game-card,body.mock-ranking-updated .rank-grid .game-card,body.mock-ranking-vtuberpage .rank-grid .game-card{
  min-height:146px;grid-template-columns:108px minmax(0,1fr);gap:17px;padding:17px 69px 17px 17px;border-radius:21px;
  background:linear-gradient(135deg,rgba(18,17,23,.995),rgba(10,11,16,.995));border-color:#d84b82;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 0 28px rgba(255,67,145,.025);
}
body.mock-ranking-youtube .rank-grid .game-thumb,body.mock-ranking-twitch .rank-grid .game-thumb,body.mock-ranking-newgames .rank-grid .game-thumb,body.mock-ranking-rising .rank-grid .game-thumb,body.mock-ranking-updated .rank-grid .game-thumb,body.mock-ranking-vtuberpage .rank-grid .game-thumb{width:108px;height:108px;border-radius:20px}
body.mock-ranking-youtube .rank-grid .rank-no,body.mock-ranking-twitch .rank-grid .rank-no,body.mock-ranking-newgames .rank-grid .rank-no,body.mock-ranking-rising .rank-grid .rank-no,body.mock-ranking-updated .rank-grid .rank-no,body.mock-ranking-vtuberpage .rank-grid .rank-no{height:31px;min-width:45px;border-radius:11px;font-size:13px}
body.mock-ranking-youtube .rank-grid .game-card b,body.mock-ranking-twitch .rank-grid .game-card b,body.mock-ranking-newgames .rank-grid .game-card b,body.mock-ranking-rising .rank-grid .game-card b,body.mock-ranking-updated .rank-grid .game-card b,body.mock-ranking-vtuberpage .rank-grid .game-card b{font-size:20px}
body.mock-ranking-youtube .rank-grid .small,body.mock-ranking-twitch .rank-grid .small,body.mock-ranking-newgames .rank-grid .small,body.mock-ranking-rising .rank-grid .small,body.mock-ranking-updated .rank-grid .small,body.mock-ranking-vtuberpage .rank-grid .small{font-size:12px;margin-top:6px}
body.mock-ranking-youtube .rank-grid .pill,body.mock-ranking-twitch .rank-grid .pill,body.mock-ranking-newgames .rank-grid .pill,body.mock-ranking-rising .rank-grid .pill,body.mock-ranking-updated .rank-grid .pill,body.mock-ranking-vtuberpage .rank-grid .pill{font-size:12px;padding:7px 12px;margin-top:8px;border-radius:999px}
body.mock-ranking-youtube .rank-grid .pill-hint,body.mock-ranking-twitch .rank-grid .pill-hint,body.mock-ranking-newgames .rank-grid .pill-hint,body.mock-ranking-rising .rank-grid .pill-hint,body.mock-ranking-updated .rank-grid .pill-hint,body.mock-ranking-vtuberpage .rank-grid .pill-hint{font-size:11px;line-height:1.55;margin-top:7px}
body.mock-ranking-search .rank-grid .search-seo-card{
  min-height:70px;padding:17px 22px;border-radius:21px;gap:16px;
  background:linear-gradient(135deg,rgba(18,17,23,.995),rgba(10,11,16,.995));border-color:#d84b82;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 0 28px rgba(255,67,145,.025);
}
body.mock-ranking-search .rank-grid .search-seo-card .rank-no{height:31px;min-width:45px;border-radius:11px;font-size:13px}
body.mock-ranking-search .rank-grid .search-seo-card b{font-size:20px}
body.mock-ranking-search .rank-grid .search-seo-card .small{font-size:12px;margin-top:6px}
body.mock-ranking-youtube .rank-grid .card-fav-btn,body.mock-ranking-twitch .rank-grid .card-fav-btn,body.mock-ranking-newgames .rank-grid .card-fav-btn,body.mock-ranking-rising .rank-grid .card-fav-btn,body.mock-ranking-updated .rank-grid .card-fav-btn,body.mock-ranking-vtuberpage .rank-grid .card-fav-btn{right:18px;width:49px;height:49px;font-size:25px;border-color:rgba(255,111,169,.65)}

/* Game detail — exact dashboard hierarchy from approved desktop mock */
body.mock-game-detail-v3 #gameDetail.result{padding-top:12px;padding-bottom:96px}
body.mock-game-detail-v3 .back-link{display:none!important}
body.mock-game-detail-v3 .detail-kicker{display:none}
.mock-detail-top-v3{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:12px}
body.mock-game-detail-v3 .mock-detail-hero-card,
body.mock-game-detail-v3 .mock-detail-status-v3,
body.mock-game-detail-v3 .mock-detail-summary-v3,
body.mock-game-detail-v3 .mock-detail-credit-v3,
body.mock-game-detail-v3 .mock-detail-caution-v3,
body.mock-game-detail-v3 .mock-detail-faq-v3,
body.mock-game-detail-v3 .detail-next-links,
body.mock-game-detail-v3 .related-block{
  border-radius:14px!important;border:1px solid rgba(255,111,169,.28)!important;
  background:linear-gradient(145deg,#101117,#0c0d12)!important;
}
body.mock-game-detail-v3 .mock-detail-hero-card .game-head{grid-template-columns:164px minmax(0,1fr);gap:20px;padding:16px;align-items:center}
body.mock-game-detail-v3 .mock-detail-hero-card .cover{width:164px;height:164px;border-radius:16px}
body.mock-game-detail-v3 .game-title{font-size:31px;line-height:1.06;margin:0 0 6px;letter-spacing:-.04em}
body.mock-game-detail-v3 .game-head .small{font-size:11px;line-height:1.5}
body.mock-game-detail-v3 .overall{font-size:19px;line-height:1;padding:10px 15px;margin-top:10px;border-radius:999px}
body.mock-game-detail-v3 .detail-toolbar{margin-top:10px;gap:7px}
body.mock-game-detail-v3 .detail-toolbar .soft-btn{min-height:34px;padding:8px 12px;border-radius:8px;font-size:9px}
body.mock-game-detail-v3 .public-meta{display:none!important}
body.mock-game-detail-v3 .application-notice{display:none!important}
body.mock-game-detail-v3 .mock-detail-status-v3{padding:15px 16px}
body.mock-game-detail-v3 .mock-detail-status-v3 .quick-answer{padding:0 0 10px}
body.mock-game-detail-v3 .mock-detail-status-v3 .quick-label{font-size:13px;color:#ff8abb}
body.mock-game-detail-v3 .mock-detail-status-v3 .quick-answer h2{font-size:11px}
body.mock-game-detail-v3 .mock-detail-status-v3 .status-grid{gap:7px}
body.mock-game-detail-v3 .mock-detail-status-v3 .status-box{min-height:39px;padding:8px 11px;border-radius:8px;background:#121318}
body.mock-game-detail-v3 .mock-detail-status-v3 .status-box b{font-size:9px}
body.mock-game-detail-v3 .mock-detail-status-v3 .status-value{font-size:9px}
body.mock-game-detail-v3 .mock-detail-status-v3::after{font-size:8.5px;margin-top:8px}
.mock-detail-middle-v3{grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:12px;margin-top:12px}
body.mock-game-detail-v3 .monika-guide{min-height:190px;border-radius:14px;background:radial-gradient(280px 160px at 83% 58%,rgba(255,68,145,.12),transparent 72%),linear-gradient(135deg,rgba(255,111,169,.065),#101117 58%)}
body.mock-game-detail-v3 .monika-guide-copy{width:56%;padding:18px 20px}
body.mock-game-detail-v3 .monika-guide-label{font-size:9px;color:#ff86b9}
body.mock-game-detail-v3 .monika-guide h2{font-size:22px;line-height:1.1;margin:9px 0 8px}
body.mock-game-detail-v3 .monika-guide p{font-size:10px;line-height:1.7;max-width:390px}
body.mock-game-detail-v3 .monika-guide-stage{width:49%}
body.mock-game-detail-v3 .monika-guide-stage img{height:125%;top:0%;right:-2%;object-fit:contain;object-position:bottom right}
body.mock-game-detail-v3 .mock-detail-summary-v3{padding:16px 17px}
body.mock-game-detail-v3 .mock-detail-summary-v3 h2{font-size:16px;line-height:1.2}
body.mock-game-detail-v3 .mock-detail-summary-v3 .public-text{padding:8px 0 4px;font-size:9.5px;line-height:1.65;-webkit-line-clamp:5}
body.mock-game-detail-v3 .mock-summary-evidence-v4{list-style:none;margin:7px 0 2px;padding:0;display:grid;gap:5px}
body.mock-game-detail-v3 .mock-summary-evidence-v4 li{font-size:9px;color:#d8d1d7;line-height:1.35}
body.mock-game-detail-v3 .mock-summary-evidence-v4 li::before{content:'✓';color:#ff6fa9;font-weight:900;margin-right:7px}
body.mock-game-detail-v3 .mock-detail-summary-v3 .official-button{min-height:31px;margin-top:7px;font-size:8.5px;padding:7px 10px}
.mock-detail-lower-v3{grid-template-columns:minmax(250px,.58fr) minmax(0,1.42fr);gap:12px;margin-top:12px}
body.mock-game-detail-v3 .mock-detail-credit-v3,body.mock-game-detail-v3 .mock-detail-caution-v3{padding:14px 16px!important}
body.mock-game-detail-v3 .mock-detail-credit-v3 h2,body.mock-game-detail-v3 .mock-detail-caution-v3 h2{font-size:16px;margin-bottom:5px}
body.mock-game-detail-v3 .mock-detail-credit-v3 p{font-size:8px;margin-bottom:7px}
body.mock-game-detail-v3 .credit-box{min-height:61px;padding:12px 13px;font-size:9px;line-height:1.55}
body.mock-game-detail-v3 .copy-btn{padding:8px;font-size:9px}
body.mock-game-detail-v3 .mock-detail-caution-v3 .caution-list{gap:7px}
body.mock-game-detail-v3 .mock-detail-caution-v3 .caution-item{padding:10px 11px;font-size:8.5px;line-height:1.55}
body.mock-game-detail-v3 .notice{display:none!important}

/* Desktop target places FAQ, NEXT and RELATED on the same final row */
.mock-detail-final-v4{display:grid;grid-template-columns:minmax(300px,.92fr) minmax(230px,.7fr) minmax(0,1.38fr);gap:12px;margin-top:12px;align-items:stretch}
body.mock-game-detail-v3 .mock-detail-final-v4 .mock-detail-faq-v3{margin:0;padding:13px 15px}
body.mock-game-detail-v3 .mock-detail-final-v4 .mock-detail-faq-v3 h2{font-size:15px;margin:0 0 8px}
body.mock-game-detail-v3 .mock-detail-final-v4 .mock-detail-faq-v3 .faq-list{grid-template-columns:1fr;gap:5px}
body.mock-game-detail-v3 .mock-detail-final-v4 .mock-detail-faq-v3 .faq-list details:nth-child(n+5){display:none}
body.mock-game-detail-v3 .mock-detail-final-v4 .mock-detail-faq-v3 .faq-list summary{font-size:8px;padding:7px 0}
body.mock-game-detail-v3 .mock-detail-final-v4 .mock-detail-faq-v3 .faq-list p{font-size:7.5px;padding-bottom:7px}
body.mock-game-detail-v3 .mock-detail-final-v4 .detail-next-links,
body.mock-game-detail-v3 .mock-detail-final-v4 .related-block{margin:0!important;padding:13px 14px!important}
body.mock-game-detail-v3 .mock-detail-final-v4 .detail-next-head h2,body.mock-game-detail-v3 .mock-detail-final-v4 .related-heading h2{font-size:14px!important}
body.mock-game-detail-v3 .mock-detail-final-v4 .detail-next-grid>a{padding:8px 9px!important}
body.mock-game-detail-v3 .mock-detail-final-v4 .detail-next-grid b{font-size:9px!important}
body.mock-game-detail-v3 .mock-detail-final-v4 .detail-next-grid span{font-size:7px!important}
body.mock-game-detail-v3 .mock-detail-final-v4 .related-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
body.mock-game-detail-v3 .mock-detail-final-v4 .mini-card{padding:6px!important;border-radius:8px!important}
body.mock-game-detail-v3 .mock-detail-final-v4 .mini-card img{border-radius:7px!important}
body.mock-game-detail-v3 .mock-detail-final-v4 .related-heading a{font-size:7px}
.mock-detail-bottom-v3:empty{display:none!important}

@media(max-width:700px){
  body.mock-public-v3 .header{height:58px}
  body.mock-public-v3 .header-inner{padding:0 14px}
  body.mock-public-v3 .logo{font-size:23px}
  body.mock-public-v3 .header-actions{gap:8px}
  body.mock-public-v3 .header-icon-btn{width:38px;height:38px}
  body.mock-public-v3 .header-icon-btn svg{width:18px;height:18px}
  body.mock-public-v3 .breadcrumb{font-size:8.5px;padding-top:10px;padding-bottom:0}

  body.mock-ranking-youtube main.container,body.mock-ranking-twitch main.container,body.mock-ranking-search main.container{padding-left:14px;padding-right:14px}
  body.mock-ranking-youtube .page-hero,body.mock-ranking-twitch .page-hero,body.mock-ranking-search .page-hero{padding:15px 0 10px}
  body.mock-ranking-youtube .page-hero .eyebrow,body.mock-ranking-twitch .page-hero .eyebrow,body.mock-ranking-search .page-hero .eyebrow{font-size:8px;padding:6px 11px}
  body.mock-ranking-youtube .page-hero h1,body.mock-ranking-twitch .page-hero h1,body.mock-ranking-search .page-hero h1{font-size:29px;margin:10px 0 10px;line-height:1.08}
  body.mock-ranking-youtube .page-hero p,body.mock-ranking-twitch .page-hero p,body.mock-ranking-search .page-hero p{font-size:10.5px;line-height:1.75;max-width:375px}
  body.mock-ranking-youtube .trend-page-nav,body.mock-ranking-twitch .trend-page-nav,body.mock-ranking-search .trend-page-nav{gap:6px;margin-right:-14px;padding-right:14px;margin-bottom:13px;padding-bottom:2px}
  body.mock-ranking-youtube .trend-page-nav a,body.mock-ranking-twitch .trend-page-nav a,body.mock-ranking-search .trend-page-nav a{min-height:33px;padding:7px 10px;font-size:8px;gap:5px}
  body.mock-ranking-youtube .rank-grid,body.mock-ranking-twitch .rank-grid,body.mock-ranking-search .rank-grid{gap:9px;padding-bottom:82px}
  body.mock-ranking-youtube .rank-grid .game-card,body.mock-ranking-twitch .rank-grid .game-card,body.mock-ranking-newgames .rank-grid .game-card,body.mock-ranking-rising .rank-grid .game-card,body.mock-ranking-updated .rank-grid .game-card,body.mock-ranking-vtuberpage .rank-grid .game-card{min-height:140px;grid-template-columns:100px minmax(0,1fr);gap:14px;padding:14px 54px 14px 14px;border-radius:18px}
  body.mock-ranking-youtube .rank-grid .game-thumb,body.mock-ranking-twitch .rank-grid .game-thumb,body.mock-ranking-newgames .rank-grid .game-thumb,body.mock-ranking-rising .rank-grid .game-thumb,body.mock-ranking-updated .rank-grid .game-thumb,body.mock-ranking-vtuberpage .rank-grid .game-thumb{width:100px;height:100px;border-radius:17px}
  body.mock-ranking-youtube .rank-grid .rank-no,body.mock-ranking-twitch .rank-grid .rank-no,body.mock-ranking-newgames .rank-grid .rank-no,body.mock-ranking-rising .rank-grid .rank-no,body.mock-ranking-updated .rank-grid .rank-no,body.mock-ranking-vtuberpage .rank-grid .rank-no{height:28px;min-width:39px;padding:0 7px;border-radius:9px;font-size:10.5px}
  body.mock-ranking-youtube .rank-grid .game-card b,body.mock-ranking-twitch .rank-grid .game-card b,body.mock-ranking-newgames .rank-grid .game-card b,body.mock-ranking-rising .rank-grid .game-card b,body.mock-ranking-updated .rank-grid .game-card b,body.mock-ranking-vtuberpage .rank-grid .game-card b{font-size:16px;line-height:1.18}
  body.mock-ranking-youtube .rank-grid .small,body.mock-ranking-twitch .rank-grid .small,body.mock-ranking-newgames .rank-grid .small,body.mock-ranking-rising .rank-grid .small,body.mock-ranking-updated .rank-grid .small,body.mock-ranking-vtuberpage .rank-grid .small{font-size:9px;margin-top:5px}
  body.mock-ranking-youtube .rank-grid .pill,body.mock-ranking-twitch .rank-grid .pill,body.mock-ranking-newgames .rank-grid .pill,body.mock-ranking-rising .rank-grid .pill,body.mock-ranking-updated .rank-grid .pill,body.mock-ranking-vtuberpage .rank-grid .pill{font-size:9.5px;padding:5px 8px;margin-top:6px}
  body.mock-ranking-youtube .rank-grid .pill-hint,body.mock-ranking-twitch .rank-grid .pill-hint,body.mock-ranking-newgames .rank-grid .pill-hint,body.mock-ranking-rising .rank-grid .pill-hint,body.mock-ranking-updated .rank-grid .pill-hint,body.mock-ranking-vtuberpage .rank-grid .pill-hint{font-size:8.3px;line-height:1.45;margin-top:5px;-webkit-line-clamp:2}
  body.mock-ranking-youtube .rank-grid .card-fav-btn,body.mock-ranking-twitch .rank-grid .card-fav-btn,body.mock-ranking-newgames .rank-grid .card-fav-btn,body.mock-ranking-rising .rank-grid .card-fav-btn,body.mock-ranking-updated .rank-grid .card-fav-btn,body.mock-ranking-vtuberpage .rank-grid .card-fav-btn{right:12px;width:42px;height:42px;font-size:22px}
  body.mock-ranking-search .rank-grid .search-seo-card{min-height:66px;padding:14px 22px;border-radius:18px;gap:14px}
  body.mock-ranking-search .rank-grid .search-seo-card .rank-no{height:28px;min-width:39px;padding:0 7px;border-radius:9px;font-size:10.5px}
  body.mock-ranking-search .rank-grid .search-seo-card b{font-size:16px;line-height:1.18}
  body.mock-ranking-search .rank-grid .search-seo-card .small{font-size:9px;margin-top:5px}

  body.mock-game-detail-v3 #gameDetail.container{padding-left:12px;padding-right:12px}
  body.mock-game-detail-v3 #gameDetail.result{padding-top:9px;padding-bottom:82px}
  .mock-detail-top-v3{gap:8px}
  body.mock-game-detail-v3 .mock-detail-hero-card .game-head{grid-template-columns:100px minmax(0,1fr);gap:11px;padding:11px}
  body.mock-game-detail-v3 .mock-detail-hero-card .cover{width:100px;height:100px;border-radius:13px}
  body.mock-game-detail-v3 .game-title{font-size:18px;line-height:1.08;margin-bottom:4px}
  body.mock-game-detail-v3 .game-head .small{font-size:7.7px;line-height:1.35}
  body.mock-game-detail-v3 .overall{font-size:12px;padding:6px 9px;margin-top:6px}
  body.mock-game-detail-v3 .detail-toolbar{grid-template-columns:1.25fr 1fr 1fr;gap:5px;margin-top:8px}
  body.mock-game-detail-v3 .detail-toolbar .soft-btn{min-height:29px;padding:5px 4px;font-size:7px;border-radius:7px}
  body.mock-game-detail-v3 .mock-detail-status-v3{padding:10px 11px}
  body.mock-game-detail-v3 .mock-detail-status-v3 .quick-answer{padding-bottom:7px}
  body.mock-game-detail-v3 .mock-detail-status-v3 .quick-label{font-size:9px}
  body.mock-game-detail-v3 .mock-detail-status-v3 .quick-answer h2{font-size:7.5px}
  body.mock-game-detail-v3 .mock-detail-status-v3 .status-grid{gap:4px}
  body.mock-game-detail-v3 .mock-detail-status-v3 .status-box{min-height:31px;padding:6px 8px;border-radius:7px}
  body.mock-game-detail-v3 .mock-detail-status-v3 .status-box b{font-size:7px}
  body.mock-game-detail-v3 .mock-detail-status-v3 .status-value{font-size:6.8px}
  body.mock-game-detail-v3 .mock-detail-status-v3::after{font-size:6.8px;margin-top:6px}
  .mock-detail-middle-v3{gap:8px;margin-top:8px}
  body.mock-game-detail-v3 .monika-guide{min-height:145px}
  body.mock-game-detail-v3 .monika-guide-copy{width:61%;padding:12px 12px 11px}
  body.mock-game-detail-v3 .monika-guide-label{font-size:6.4px}
  body.mock-game-detail-v3 .monika-guide h2{font-size:14.5px;margin:5px 0 5px}
  body.mock-game-detail-v3 .monika-guide p{font-size:7.4px;line-height:1.55}
  body.mock-game-detail-v3 .monika-guide-meta{margin-top:6px}
  body.mock-game-detail-v3 .monika-guide-meta span,body.mock-game-detail-v3 .monika-guide-meta a{font-size:6.2px}
  body.mock-game-detail-v3 .monika-guide-stage{width:46%}
  body.mock-game-detail-v3 .monika-guide-stage img{height:117%;top:0%;right:-3%;object-position:bottom right}
  body.mock-game-detail-v3 .mock-detail-summary-v3{padding:11px 12px}
  body.mock-game-detail-v3 .mock-detail-summary-v3 h2{font-size:13px}
  body.mock-game-detail-v3 .mock-detail-summary-v3 .public-text{font-size:7.5px;line-height:1.55;-webkit-line-clamp:4;padding:7px 0 2px}
  body.mock-game-detail-v3 .mock-summary-evidence-v4{gap:3px;margin-top:5px}
  body.mock-game-detail-v3 .mock-summary-evidence-v4 li{font-size:7.2px}
  body.mock-game-detail-v3 .mock-detail-summary-v3 .official-button{min-height:28px;font-size:7.2px;margin-top:5px}
  .mock-detail-lower-v3{grid-template-columns:1fr;gap:8px;margin-top:8px}
  body.mock-game-detail-v3 .mock-detail-credit-v3,body.mock-game-detail-v3 .mock-detail-caution-v3{padding:11px 12px!important}
  body.mock-game-detail-v3 .mock-detail-credit-v3 h2,body.mock-game-detail-v3 .mock-detail-caution-v3 h2{font-size:13px}
  body.mock-game-detail-v3 .credit-box{min-height:58px;font-size:8px;padding:10px 11px}
  body.mock-game-detail-v3 .copy-btn{font-size:8px;padding:7px}
  body.mock-game-detail-v3 .mock-detail-caution-v3 .caution-list{grid-template-columns:1fr;gap:5px}
  body.mock-game-detail-v3 .mock-detail-caution-v3 .caution-item{font-size:7.3px;padding:8px 9px}
  .mock-detail-final-v4{grid-template-columns:1fr;gap:8px;margin-top:8px}
  body.mock-game-detail-v3 .mock-detail-final-v4 .mock-detail-faq-v3{padding:11px 12px}
  body.mock-game-detail-v3 .mock-detail-final-v4 .mock-detail-faq-v3 h2{font-size:13px}
  body.mock-game-detail-v3 .mock-detail-final-v4 .mock-detail-faq-v3 .faq-list summary{font-size:7.5px;padding:7px 0}
  body.mock-game-detail-v3 .mock-detail-final-v4 .detail-next-links,body.mock-game-detail-v3 .mock-detail-final-v4 .related-block{padding:11px 12px!important}
  body.mock-game-detail-v3 .mock-detail-final-v4 .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  body.mock-public-v3 .bottom-nav{height:60px;padding:5px 6px calc(5px + env(safe-area-inset-bottom));background:rgba(7,8,12,.97);border-top:1px solid rgba(255,111,169,.08)}
  body.mock-public-v3 .bottom-nav-item{font-size:8px;gap:2px}
  body.mock-public-v3 .bottom-nav-item svg{width:21px;height:21px}
}

@media(min-width:701px){
  body.mock-public-v3 .header{height:58px}
  body.mock-public-v3 .header-inner{width:min(100%,1100px)}
  body.mock-public-v3 .logo{font-size:22px}
  body.mock-public-v3 .header-icon-btn{width:36px;height:36px}
  .mock-public-header-search{width:295px;height:34px}
  .mock-public-desktop-nav{gap:24px}
  .mock-public-desktop-nav nav{gap:25px}
  body.mock-game-detail-v3 .breadcrumb{padding-top:10px}
}

/* v4.1 corrections from real-browser comparison */
body.mock-game-detail-v3 .mock-detail-final-v4 .related-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;padding:6px!important;min-width:0!important;overflow:hidden!important}
body.mock-game-detail-v3 .mock-detail-final-v4 .related-card img,body.mock-game-detail-v3 .mock-detail-final-v4 .related-card .cover-fallback{width:100%!important;height:66px!important;border-radius:7px!important;object-fit:cover!important;flex:0 0 auto!important}
body.mock-game-detail-v3 .mock-detail-final-v4 .related-card>span{min-width:0!important;overflow:hidden!important}
body.mock-game-detail-v3 .mock-detail-final-v4 .related-card b{font-size:8px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.mock-game-detail-v3 .mock-detail-final-v4 .related-card span span{font-size:6.5px!important;margin-top:2px!important}
@media(max-width:700px){
  .mock-detail-top-v3,.mock-detail-middle-v3,.mock-detail-lower-v3,.mock-detail-final-v4{grid-template-columns:1fr!important}
  body.mock-game-detail-v3 .mock-detail-final-v4 .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.mock-game-detail-v3 .mock-detail-final-v4 .related-card img,body.mock-game-detail-v3 .mock-detail-final-v4 .related-card .cover-fallback{height:88px!important}
}

/* v4.2 final alignment details */
.mock-detail-breadcrumb-v4{display:flex;align-items:center;gap:10px;margin:0 0 10px;color:#918993;font-size:10px;line-height:1.2}
.mock-detail-breadcrumb-v4 a{color:#918993}.mock-detail-breadcrumb-v4 strong{color:#d9d2d8;font-weight:800}.mock-detail-breadcrumb-v4 span{color:#625d65}
body.mock-game-detail-v3 .mock-detail-status-v3 .quick-answer h2{font-size:0!important;margin-left:7px!important}
body.mock-game-detail-v3 .mock-detail-status-v3 .quick-answer h2::after{content:'配信・投稿・収益化の条件';font-size:11px;color:#aaa2ac;font-weight:700}
@media(max-width:700px){
  .mock-detail-breadcrumb-v4{font-size:8px;gap:7px;margin:0 1px 8px}
  body.mock-game-detail-v3 .detail-toolbar{grid-template-columns:1fr 1fr!important}
  body.mock-game-detail-v3 .detail-toolbar>*:first-child{grid-column:1/-1!important}
  body.mock-game-detail-v3 .mock-detail-status-v3 .quick-answer h2::after{font-size:7.4px}
}

/* v4.3 related-games panel layout parity */
body.mock-game-detail-v3 .mock-detail-final-v4 .related-block{position:relative;min-width:0;overflow:hidden}
body.mock-game-detail-v3 .mock-detail-final-v4 .related-heading{display:block!important;margin:0 0 8px!important;padding-right:72px}
body.mock-game-detail-v3 .mock-detail-final-v4 .related-heading h2{font-size:12px!important;line-height:1.2!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.mock-game-detail-v3 .mock-detail-final-v4 .related-heading>a{position:absolute;right:13px;top:14px;font-size:6.5px!important;white-space:nowrap!important}
body.mock-game-detail-v3 .mock-detail-final-v4 .related-grid{width:100%;min-width:0}
body.mock-game-detail-v3 .mock-detail-final-v4 .related-card{width:100%!important;min-width:0!important}
@media(max-width:700px){
  body.mock-game-detail-v3 .mock-detail-final-v4 .related-heading{padding-right:0}
  body.mock-game-detail-v3 .mock-detail-final-v4 .related-heading>a{position:static;display:inline-block;margin-top:5px;font-size:7px!important}
}

/* =========================================================
   Fidelity v5 — HOME (approved mobile mock)
   UI-only overrides. Search, ranking API and navigation IDs stay unchanged.
   ========================================================= */
body.mock-home-v5{background:#08080d;color:#f7f3f7}
body.mock-home-v5 .header{background:#07070b;border-bottom:1px solid rgba(255,111,169,.07);height:116px}
body.mock-home-v5 .header-inner{max-width:864px;height:100%;padding:0 38px}
body.mock-home-v5 .logo{font-size:40px;letter-spacing:-2px;font-weight:950}
body.mock-home-v5 .header-actions{gap:14px}
body.mock-home-v5 .header-icon-btn{width:72px;height:72px;border-radius:50%;border:1.5px solid rgba(255,111,169,.58);background:radial-gradient(circle at 55% 70%,rgba(255,74,143,.15),rgba(14,13,20,.94) 64%);color:#ff7cb0;box-shadow:0 0 16px rgba(255,74,143,.08)}
body.mock-home-v5 .header-icon-btn svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.mock-home-v5 .header-icon-btn:first-child{color:#fff;border-color:#3a3240}

body.mock-home-v5>.container{max-width:864px;padding:0 34px 142px}
body.mock-home-v5 .hero{margin:0 -34px;padding:38px 34px 25px;position:relative;overflow:hidden;background:
 radial-gradient(circle at 91% 11%,rgba(255,74,143,.12),transparent 24%),
 linear-gradient(180deg,#230d19 0%,#160b13 72%,#08080d 100%)}
body.mock-home-v5 .hero:after{content:"";position:absolute;right:-90px;top:85px;width:310px;height:250px;opacity:.48;pointer-events:none;background:linear-gradient(135deg,transparent 52%,rgba(255,36,128,.12) 52.4%,rgba(255,36,128,.8) 53%,rgba(255,36,128,.08) 54%,transparent 55%),radial-gradient(circle at 46% 49%,rgba(255,98,162,.7) 0 1px,transparent 2px);background-size:100% 100%,11px 11px;filter:drop-shadow(0 0 10px rgba(255,51,137,.4))}
body.mock-home-v5 .hero-grid{display:block}
body.mock-home-v5 .hero-copy{position:relative;z-index:2}
body.mock-home-v5 .hero-copy .eyebrow{display:inline-flex;align-items:center;height:43px;padding:0 23px;margin:0 0 23px;border:1.5px solid #ff5f9e;border-radius:999px;background:rgba(70,20,43,.48);box-shadow:0 0 12px rgba(255,83,151,.25);color:#ff9fc5;font-size:16px;font-weight:900;letter-spacing:1.6px}
body.mock-home-v5 .hero h1{font-size:55px;line-height:1.12;letter-spacing:-2.4px;margin:0 0 16px;font-weight:950;color:#fff}
body.mock-home-v5 .hero h1 span{color:#ff5f9e;text-shadow:0 0 20px rgba(255,62,143,.15)}
body.mock-home-v5 .hero-copy>p{font-size:22px;line-height:1.72;margin:0 0 18px;color:#c5bac2;letter-spacing:.2px}
body.mock-home-v5 .search-wrap{position:relative;z-index:3;margin:0 0 31px}
body.mock-home-v5 .search{height:103px;padding:10px 12px 10px 27px;border:1.6px solid #e0528a;border-radius:22px;background:#0d0d13;box-shadow:inset 0 0 28px rgba(255,93,156,.025),0 0 14px rgba(255,73,146,.05);display:flex;align-items:center}
body.mock-home-v5 .search:before{content:"";width:31px;height:31px;border:3px solid #fff;border-radius:50%;margin-right:21px;flex:none;box-sizing:border-box}
body.mock-home-v5 .search:after{content:"";position:absolute;left:51px;top:56px;width:13px;height:3px;background:#fff;transform:rotate(45deg);border-radius:3px}
body.mock-home-v5 .search input{height:100%;padding:0;border:0;background:transparent;color:#f8f4f7;font-size:24px;min-width:0}
body.mock-home-v5 .search input::placeholder{color:#817984}
body.mock-home-v5 .search button{height:74px;min-width:114px;padding:0 24px;border-radius:17px;background:linear-gradient(135deg,#e8478b,#ff6eaa);font-size:24px;font-weight:950;color:white;box-shadow:0 10px 26px rgba(216,44,119,.18)}
body.mock-home-v5 .suggestions{top:calc(100% + 6px);border-radius:18px}

body.mock-home-v5 .monika-public{height:287px;margin:0;border:1.5px solid #da3e79;border-radius:24px;overflow:hidden;position:relative;display:block;background:
 radial-gradient(circle at 76% 45%,rgba(255,71,145,.11),transparent 37%),linear-gradient(130deg,#25101c 0%,#150c14 58%,#100b12 100%);box-shadow:inset 0 0 34px rgba(255,65,139,.03);cursor:pointer;z-index:2}
body.mock-home-v5 .monika-copy{position:absolute;left:37px;top:27px;z-index:3;width:45%;color:#fff}
body.mock-home-v5 .mock-monika-label{display:block;color:#ff82b4;font-size:17px;font-weight:900;margin-bottom:6px}
body.mock-home-v5 .monika-copy strong{display:block;font-size:35px;line-height:1.15;margin:0 0 13px;font-weight:950}
body.mock-home-v5 .monika-copy strong i{font-style:normal;color:#ff5d9f;font-size:23px}
body.mock-home-v5 .monika-copy p{font-size:17px;line-height:1.7;color:#d0c4cb;margin:0 0 18px}
body.mock-home-v5 .mock-monika-link{height:54px;min-width:244px;padding:0 27px;border:1.5px solid #e7508e;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:17px;color:#ff8fbb;font-size:17px;font-weight:900;background:rgba(44,20,34,.55);box-shadow:0 0 16px rgba(255,69,144,.08)}
body.mock-home-v5 .mock-monika-link b{font-size:31px;font-weight:400;line-height:1}
body.mock-home-v5 .monika-stage{position:absolute;right:-3px;bottom:-51px;width:60%;height:340px;display:flex;align-items:flex-end;justify-content:flex-end;overflow:visible}
body.mock-home-v5 .monika-stage img{width:100%;height:auto;max-height:none;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 0 14px rgba(255,81,149,.12));transform:none!important}

body.mock-home-v5 .portal-strip{margin:24px 0 0;padding:0;background:none;border:0;box-shadow:none}
body.mock-home-v5 .portal-strip .quick-nav{display:grid!important;grid-template-columns:1fr 1fr;gap:15px}
body.mock-home-v5 .mock-home-feature{height:132px;border:1.5px solid #d84b82;border-radius:19px;background:linear-gradient(145deg,#131019,#0d0d13);display:grid;grid-template-columns:83px 1fr 22px;align-items:center;padding:18px 18px;color:#fff;box-shadow:inset 0 0 25px rgba(255,66,139,.018)}
body.mock-home-v5 .mock-home-feature>svg{width:55px;height:55px;justify-self:center;fill:none;stroke:#ff6fa9;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(255,75,147,.13))}
body.mock-home-v5 .mock-home-feature>span{min-width:0}
body.mock-home-v5 .mock-home-feature b{display:block;font-size:21px;line-height:1.2;font-weight:950;white-space:nowrap}
body.mock-home-v5 .mock-home-feature small{display:block;margin-top:8px;font-size:15px;line-height:1.45;color:#a99fa8;font-weight:500}
body.mock-home-v5 .mock-home-feature em{font-size:34px;color:#ff6fa9;font-style:normal;justify-self:end;font-weight:300}

body.mock-home-v5 .mock-home-featured-games{margin:21px 0 0;padding:21px 16px 13px;border:1px solid rgba(255,111,169,.3);border-radius:22px;background:linear-gradient(180deg,#111017,#0b0b10);box-shadow:inset 0 0 30px rgba(255,72,145,.018)}
body.mock-home-v5 .mock-home-featured-games .section-head{margin:0 0 14px;display:flex;align-items:center;justify-content:space-between}
body.mock-home-v5 .mock-featured-title{display:flex;align-items:center;gap:11px}
body.mock-home-v5 .mock-featured-title svg{width:29px;height:29px;fill:none;stroke:#ff6fa9;stroke-width:1.7;stroke-linejoin:round}
body.mock-home-v5 .mock-featured-title h2{margin:0;font-size:22px;font-weight:950}
body.mock-home-v5 .mock-featured-more{color:#ff6fa9;font-size:16px;font-weight:850;white-space:nowrap}
body.mock-home-v5 .mock-featured-more b{font-size:24px;font-weight:400}
body.mock-home-v5 #homeGames.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
body.mock-home-v5 #homeGames .game-card{display:flex;flex-direction:column!important;gap:7px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;min-width:0!important}
body.mock-home-v5 #homeGames .game-card:hover{transform:none!important}
body.mock-home-v5 #homeGames .game-thumb,body.mock-home-v5 #homeGames .cover-fallback{width:100%!important;height:auto!important;aspect-ratio:.69!important;border-radius:10px!important;object-fit:cover!important;display:block!important;box-shadow:0 0 0 1px rgba(255,111,169,.45)}
body.mock-home-v5 #homeGames .game-card-content{display:block!important;min-width:0!important}
body.mock-home-v5 #homeGames .game-topline{display:block!important}
body.mock-home-v5 #homeGames .game-topline b{display:block!important;font-size:12px!important;line-height:1.25!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#ddd6dc!important}
body.mock-home-v5 #homeGames .rank-no,body.mock-home-v5 #homeGames .small,body.mock-home-v5 #homeGames .pill,body.mock-home-v5 #homeGames .application-badge,body.mock-home-v5 #homeGames .pill-hint,body.mock-home-v5 #homeGames .card-fav-btn{display:none!important}
body.mock-home-v5 #homeGames .mock-home-game-hidden{display:none!important}

/* Secondary home content remains in the DOM and functional, but starts after the approved hero dashboard. */
body.mock-home-v5 .trust-strip,body.mock-home-v5 .personal-section,body.mock-home-v5 #recommendedStreamersSection,body.mock-home-v5 .mock-home-featured-games~.section,body.mock-home-v5 .seo-section{margin-top:34px}
body.mock-home-v5 .trust-strip{order:20}
body.mock-home-v5 .footer{background:#07070b}

body.mock-home-v5 .bottom-nav{max-width:864px;height:100px;left:50%;transform:translateX(-50%);padding:8px 14px calc(8px + env(safe-area-inset-bottom));border:1px solid rgba(255,111,169,.13);border-bottom:0;border-radius:22px 22px 0 0;background:rgba(10,10,15,.98);backdrop-filter:blur(18px);box-shadow:0 -14px 35px rgba(0,0,0,.28)}
body.mock-home-v5 .bottom-nav-item{font-size:13px;font-weight:850;gap:6px;color:#8e8991}
body.mock-home-v5 .bottom-nav-item svg{width:32px;height:32px;stroke-width:1.7}
body.mock-home-v5 .bottom-nav-item[data-nav="home"]{color:#ff78ad}

@media(max-width:700px){
  body.mock-home-v5 .header{height:115px}
  body.mock-home-v5 .header-inner{padding:0 37px}
  body.mock-home-v5 .logo{font-size:38px}
  body.mock-home-v5 .header-icon-btn{width:69px;height:69px}
  body.mock-home-v5>.container{padding:0 28px 130px}
  body.mock-home-v5 .hero{margin:0 -28px;padding:37px 28px 25px}
  body.mock-home-v5 .hero-copy .eyebrow{height:42px;font-size:15px;padding:0 22px;margin-bottom:22px}
  body.mock-home-v5 .hero h1{font-size:51px;margin-bottom:15px}
  body.mock-home-v5 .hero-copy>p{font-size:20px;line-height:1.75}
  body.mock-home-v5 .search{height:99px;border-radius:21px}
  body.mock-home-v5 .search input{font-size:22px}
  body.mock-home-v5 .search button{height:72px;min-width:111px;font-size:23px}
  body.mock-home-v5 .monika-public{height:286px}
  body.mock-home-v5 .monika-copy{left:36px;top:27px;width:46%}
  body.mock-home-v5 .mock-monika-label{font-size:16px}
  body.mock-home-v5 .monika-copy strong{font-size:34px}
  body.mock-home-v5 .monika-copy p{font-size:16px}
  body.mock-home-v5 .mock-monika-link{min-width:238px;height:53px;font-size:16px;padding:0 24px}
  body.mock-home-v5 .monika-stage{width:61%;height:338px;bottom:-52px}
  body.mock-home-v5 .mock-home-feature{height:130px;grid-template-columns:80px 1fr 19px;padding:17px 15px}
  body.mock-home-v5 .mock-home-feature>svg{width:53px;height:53px}
  body.mock-home-v5 .mock-home-feature b{font-size:20px}
  body.mock-home-v5 .mock-home-feature small{font-size:14px}
  body.mock-home-v5 .mock-home-featured-games{padding:20px 14px 12px}
  body.mock-home-v5 .mock-featured-title h2{font-size:21px}
  body.mock-home-v5 .mock-featured-more{font-size:15px}
  body.mock-home-v5 #homeGames.grid{gap:10px}
  body.mock-home-v5 #homeGames .game-topline b{font-size:11px!important}
  body.mock-home-v5 .bottom-nav{height:99px}
}

@media(max-width:520px){
  body.mock-home-v5 .header{height:112px}
  body.mock-home-v5 .header-inner{padding:0 18px}
  body.mock-home-v5 .logo{font-size:32px}
  body.mock-home-v5 .header-actions{gap:8px}
  body.mock-home-v5 .header-icon-btn{width:58px;height:58px}
  body.mock-home-v5 .header-icon-btn svg{width:26px;height:26px}
  body.mock-home-v5>.container{padding:0 16px 118px}
  body.mock-home-v5 .hero{margin:0 -16px;padding:30px 16px 20px}
  body.mock-home-v5 .hero-copy .eyebrow{height:37px;font-size:12.5px;padding:0 17px;margin-bottom:18px}
  body.mock-home-v5 .hero h1{font-size:39px;letter-spacing:-1.7px}
  body.mock-home-v5 .hero-copy>p{font-size:16px;line-height:1.65}
  body.mock-home-v5 .search-wrap{margin-bottom:22px}
  body.mock-home-v5 .search{height:75px;padding:7px 8px 7px 19px;border-radius:17px}
  body.mock-home-v5 .search:before{width:26px;height:26px;border-width:2.3px;margin-right:14px}
  body.mock-home-v5 .search:after{left:39px;top:42px;width:11px;height:2.3px}
  body.mock-home-v5 .search input{font-size:17px}
  body.mock-home-v5 .search button{height:57px;min-width:86px;padding:0 16px;border-radius:14px;font-size:18px}
  body.mock-home-v5 .monika-public{height:224px;border-radius:19px}
  body.mock-home-v5 .monika-copy{left:22px;top:22px;width:49%}
  body.mock-home-v5 .mock-monika-label{font-size:12.5px}
  body.mock-home-v5 .monika-copy strong{font-size:28px;margin-bottom:9px}
  body.mock-home-v5 .monika-copy p{font-size:12.7px;line-height:1.62;margin-bottom:13px}
  body.mock-home-v5 .mock-monika-link{height:43px;min-width:175px;padding:0 16px;font-size:13px;gap:10px}
  body.mock-home-v5 .mock-monika-link b{font-size:24px}
  body.mock-home-v5 .monika-stage{width:60%;height:270px;bottom:-48px;right:-6px}
  body.mock-home-v5 .portal-strip{margin-top:17px}
  body.mock-home-v5 .portal-strip .quick-nav{gap:10px}
  body.mock-home-v5 .mock-home-feature{height:101px;border-radius:16px;grid-template-columns:55px 1fr 13px;padding:12px 10px}
  body.mock-home-v5 .mock-home-feature>svg{width:39px;height:39px}
  body.mock-home-v5 .mock-home-feature b{font-size:15px}
  body.mock-home-v5 .mock-home-feature small{font-size:10.5px;line-height:1.4;margin-top:5px}
  body.mock-home-v5 .mock-home-feature em{font-size:25px}
  body.mock-home-v5 .mock-home-featured-games{margin-top:16px;border-radius:18px;padding:15px 9px 10px}
  body.mock-home-v5 .mock-home-featured-games .section-head{margin-bottom:10px}
  body.mock-home-v5 .mock-featured-title{gap:7px}
  body.mock-home-v5 .mock-featured-title svg{width:22px;height:22px}
  body.mock-home-v5 .mock-featured-title h2{font-size:17px}
  body.mock-home-v5 .mock-featured-more{font-size:12px}
  body.mock-home-v5 .mock-featured-more b{font-size:17px}
  body.mock-home-v5 #homeGames.grid{gap:7px}
  body.mock-home-v5 #homeGames .game-thumb,body.mock-home-v5 #homeGames .cover-fallback{border-radius:7px!important}
  body.mock-home-v5 #homeGames .game-topline b{font-size:8.5px!important}
  body.mock-home-v5 .bottom-nav{height:82px;border-radius:17px 17px 0 0;padding:5px 5px calc(5px + env(safe-area-inset-bottom))}
  body.mock-home-v5 .bottom-nav-item{font-size:10px;gap:3px}
  body.mock-home-v5 .bottom-nav-item svg{width:26px;height:26px}
}

@media(min-width:701px){
  body.mock-home-v5 .header{height:86px}
  body.mock-home-v5 .header-inner{max-width:1180px;padding:0 32px}
  body.mock-home-v5>.container{max-width:1180px;padding-left:32px;padding-right:32px}
  body.mock-home-v5 .hero{margin:0;padding:50px 52px 34px;border-radius:0 0 28px 28px}
  body.mock-home-v5 .hero h1{font-size:64px}
  body.mock-home-v5 .hero-copy>p{font-size:20px}
  body.mock-home-v5 .search{max-width:780px}
  body.mock-home-v5 .monika-public{max-width:900px;height:300px}
  body.mock-home-v5 .portal-strip,.mock-home-featured-games{max-width:900px}
  body.mock-home-v5 .bottom-nav{display:none}
}

/* =========================================================
   Fidelity v6 — approved HOME mock, literal layout replica.
   Existing public.js / API / search handlers are untouched.
   ========================================================= */
body.home-v6{margin:0;background:#08080c;color:#f8f5f8;overflow-x:hidden}
/* ランキング取得に失敗した際の空状態メッセージは、5列/2列グリッドの
   1マスに収まる箱ではなく全幅で表示する（狭い1マスに文章を入れると
   日本語が1文字ずつ縦積みで折り返される事故になるため）。 */
body.home-v6 #homeGames .home-v6-empty,body.home-v6 .grid .home-v6-empty{grid-column:1/-1;padding:14px 2px}
body.home-v6 .header{height:118px;background:#07070b;border-bottom:1px solid rgba(255,111,169,.08)}
body.home-v6 .header-inner{height:100%;max-width:864px;padding:0 38px;margin:auto}
body.home-v6 .logo{font-size:40px;font-weight:950;letter-spacing:-2.2px;color:#fff}
body.home-v6 .logo span{color:#ff5f9e}
body.home-v6 .header-actions{gap:13px}
body.home-v6 .header-icon-btn{width:72px;height:72px;padding:0;border-radius:50%;border:1.5px solid rgba(255,111,169,.60);background:radial-gradient(circle at 55% 68%,rgba(255,77,146,.13),rgba(14,13,20,.96) 66%);color:#ff78ad;display:grid;place-items:center;box-shadow:0 0 16px rgba(255,66,140,.08)}
body.home-v6 .header-icon-btn:first-child{color:#fff;border-color:#3b3440}
body.home-v6 .header-icon-btn svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.home-v6 .home-v6-main{max-width:864px;margin:0 auto;padding:0 28px 150px}
body.home-v6 .home-v6-hero{margin:0 -28px;padding:38px 39px 25px;position:relative;overflow:hidden;background:radial-gradient(circle at 91% 13%,rgba(255,72,145,.15),transparent 26%),linear-gradient(180deg,#220c18 0%,#170b13 72%,#0a080d 100%)}
body.home-v6 .home-v6-hero:after{content:"";position:absolute;right:-63px;top:95px;width:330px;height:255px;opacity:.42;pointer-events:none;background:linear-gradient(133deg,transparent 52%,rgba(255,42,130,.05) 52.4%,rgba(255,42,130,.75) 53%,rgba(255,42,130,.08) 53.6%,transparent 54.4%),radial-gradient(circle at 46% 49%,rgba(255,98,162,.7) 0 1px,transparent 2px);background-size:100% 100%,11px 11px;filter:drop-shadow(0 0 9px rgba(255,54,140,.38))}
body.home-v6 .home-v6-eyebrow{display:inline-flex;align-items:center;height:42px;padding:0 21px;margin:0 0 23px;border:1.5px solid #ff5f9e;border-radius:999px;background:rgba(69,19,42,.5);box-shadow:0 0 12px rgba(255,83,151,.24);color:#ff9fc5;font-size:16px;font-weight:900;letter-spacing:1.6px;position:relative;z-index:2}
body.home-v6 .home-v6-hero h1{margin:0 0 14px;position:relative;z-index:2;color:#fff;font-size:55px;line-height:1.12;letter-spacing:-2.7px;font-weight:950}
body.home-v6 .home-v6-hero h1 span{color:#ff5f9e;text-shadow:0 0 18px rgba(255,71,145,.14)}
body.home-v6 .home-v6-lead{margin:0 0 19px;position:relative;z-index:2;color:#c9bdc5;font-size:21px;line-height:1.7;letter-spacing:.1px}
body.home-v6 .home-v6-search-wrap{position:relative;z-index:3;margin:0 0 31px}
body.home-v6 .home-v6-search{height:103px;padding:10px 12px 10px 28px;border:1.55px solid #df5189;border-radius:22px;background:#0c0c12;display:flex;align-items:center;box-shadow:inset 0 0 28px rgba(255,93,156,.025),0 0 14px rgba(255,73,146,.05)}
body.home-v6 .home-v6-search-icon{width:31px;height:31px;border:3px solid #fff;border-radius:50%;margin-right:21px;position:relative;flex:none;box-sizing:border-box}
body.home-v6 .home-v6-search-icon:after{content:"";position:absolute;width:13px;height:3px;background:#fff;right:-9px;bottom:-5px;transform:rotate(45deg);border-radius:3px}
body.home-v6 .home-v6-search input{height:100%;min-width:0;flex:1;padding:0;border:0;background:transparent;color:#fff;font-size:24px;outline:none}
body.home-v6 .home-v6-search input::placeholder{color:#817984}
body.home-v6 .home-v6-search button{height:74px;min-width:114px;padding:0 24px;border:0;border-radius:17px;background:linear-gradient(135deg,#e8468a,#ff6fab);color:#fff;font-size:24px;font-weight:950;box-shadow:0 10px 26px rgba(216,44,119,.18)}
body.home-v6 .suggestions{top:calc(100% + 7px);border-radius:18px}
body.home-v6 .home-v6-monika{height:287px;border:1.5px solid #d93e79;border-radius:24px;position:relative;overflow:hidden;background:radial-gradient(circle at 76% 45%,rgba(255,71,145,.12),transparent 38%),linear-gradient(130deg,#25101c,#150c14 58%,#100b12);box-shadow:inset 0 0 34px rgba(255,65,139,.03);z-index:2}
body.home-v6 .home-v6-monika-copy{position:absolute;left:37px;top:27px;width:46%;z-index:3}
body.home-v6 .home-v6-monika-copy>span{display:block;color:#ff82b4;font-size:17px;font-weight:900;margin-bottom:7px}
body.home-v6 .home-v6-monika-copy strong{display:block;color:#fff;font-size:35px;line-height:1.15;margin-bottom:13px;font-weight:950}
body.home-v6 .home-v6-monika-copy strong i{font-style:normal;color:#ff5d9f;font-size:23px}
body.home-v6 .home-v6-monika-copy p{margin:0 0 18px;color:#d0c4cb;font-size:17px;line-height:1.7}
body.home-v6 .home-v6-monika-copy a{height:54px;min-width:244px;padding:0 27px;border:1.5px solid #e7508e;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:17px;color:#ff8fbb;background:rgba(44,20,34,.55);font-size:17px;font-weight:900;box-shadow:0 0 16px rgba(255,69,144,.08)}
body.home-v6 .home-v6-monika-copy a b{font-size:31px;font-weight:400;line-height:1}
body.home-v6 .home-v6-monika>img{position:absolute;right:-3px;bottom:-57px;width:60%;height:auto;max-width:none;filter:drop-shadow(0 0 14px rgba(255,81,149,.12));pointer-events:none}
body.home-v6 .home-v6-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:24px}
body.home-v6 .home-v6-feature{height:132px;border:1.5px solid #d84b82;border-radius:19px;background:linear-gradient(145deg,#131019,#0d0d13);display:grid;grid-template-columns:83px 1fr 22px;align-items:center;padding:18px;color:#fff;box-shadow:inset 0 0 25px rgba(255,66,139,.018)}
body.home-v6 .home-v6-feature>span:nth-child(2){min-width:0}
body.home-v6 .home-v6-feature b{display:block;font-size:21px;line-height:1.2;font-weight:950;white-space:nowrap}
body.home-v6 .home-v6-feature small{display:block;margin-top:8px;color:#aaa0a9;font-size:15px;line-height:1.45}
body.home-v6 .home-v6-feature em{justify-self:end;color:#ff6fa9;font-size:34px;font-style:normal;font-weight:300}
body.home-v6 .home-v6-fi{width:55px;height:55px;justify-self:center;display:block;position:relative;color:#ff6fa9;filter:drop-shadow(0 0 5px rgba(255,75,147,.13))}
body.home-v6 .home-v6-fi.checklist{border:3px solid currentColor;border-radius:6px;width:39px;height:48px}.home-v6-fi.checklist:before{content:"";position:absolute;width:18px;height:7px;border:3px solid currentColor;border-bottom:0;border-radius:5px 5px 0 0;left:7px;top:-8px}.home-v6-fi.checklist:after{content:"✓";position:absolute;font-size:29px;font-weight:900;right:-15px;bottom:-11px}
body.home-v6 .home-v6-fi.fire:before{content:"♨";position:absolute;font-size:58px;line-height:1;left:-2px;top:-8px;transform:rotate(8deg)}
body.home-v6 .home-v6-fi.bow:before{content:"🎀";position:absolute;font-size:48px;line-height:1;filter:grayscale(1) sepia(1) saturate(8) hue-rotate(285deg)}
body.home-v6 .home-v6-fi.trend:before{content:"↗";position:absolute;font-size:58px;line-height:1;left:0;top:-8px;font-weight:300}.home-v6-fi.trend:after{content:"▥";position:absolute;font-size:30px;right:-2px;bottom:-8px}
body.home-v6 .home-v6-featured-games{margin:20px 0 0;padding:20px 16px 13px;border:1px solid rgba(255,111,169,.30);border-radius:22px;background:linear-gradient(180deg,#111017,#0b0b10);box-shadow:inset 0 0 30px rgba(255,72,145,.018)}
body.home-v6 .home-v6-featured-games .section-head{margin:0 0 14px;display:flex;align-items:center;justify-content:space-between}
body.home-v6 .home-v6-featured-title{display:flex;align-items:center;gap:10px}.home-v6-star{color:#ff6fa9;font-size:32px;line-height:1}.home-v6-featured-title h2{margin:0;font-size:22px;font-weight:950}
body.home-v6 .home-v6-more{color:#ff6fa9;font-size:16px;font-weight:850;white-space:nowrap}.home-v6-more b{font-size:24px;font-weight:400}
body.home-v6 #homeGames.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
body.home-v6 #homeGames .game-card{display:flex!important;flex-direction:column!important;gap:7px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;min-width:0!important;overflow:visible!important}
body.home-v6 #homeGames .game-card:hover{transform:none!important}
body.home-v6 #homeGames .game-thumb,body.home-v6 #homeGames .cover-fallback{width:100%!important;height:auto!important;aspect-ratio:.71!important;border-radius:10px!important;object-fit:cover!important;display:block!important;border:1.5px solid #d84b82!important;box-shadow:0 0 10px rgba(255,73,146,.10)}
body.home-v6 #homeGames .game-card-content{display:block!important;min-width:0!important}body.home-v6 #homeGames .game-topline{display:block!important}body.home-v6 #homeGames .game-topline b{display:block!important;color:#ddd6dc!important;font-size:12px!important;line-height:1.25!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.home-v6 #homeGames .rank-no,body.home-v6 #homeGames .small,body.home-v6 #homeGames .pill,body.home-v6 #homeGames .application-badge,body.home-v6 #homeGames .pill-hint,body.home-v6 #homeGames .card-fav-btn{display:none!important}.home-v6-hidden-game{display:none!important}
body.home-v6 .home-v6-secondary{margin-top:40px}body.home-v6 .home-v6-secondary>.section,body.home-v6 .home-v6-secondary>.trust-strip,body.home-v6 .home-v6-secondary>.personal-section{margin-top:34px}
/* ホーム下部（VTuberトレンド・最近更新・最近見た・お気に入り・信頼バッジ）を
   上部の注目ゲーム枠と統一したトーンへ寄せる：ピンクの縁取り＋グラデーション背景。 */
body.home-v6 .home-v6-secondary .section-eyebrow{border-color:rgba(255,111,169,.5);background:rgba(255,111,169,.07);box-shadow:0 0 16px rgba(255,111,169,.09)}
/* 下部セクション（VTuberトレンド・最近更新等）の見出しが、上部「注目のゲーム」の
   コンパクトな見出し(.home-v6-featured-title)よりずっと大きい24px見出しのままで、
   スクロールした瞬間にトーンが変わって見える違和感の原因だったため、サイズを揃える。 */
body.home-v6 .home-v6-secondary .section-head h2{font-size:22px;font-weight:950;letter-spacing:-.02em}
body.home-v6 .home-v6-secondary .section-eyebrow{font-size:10px;padding:6px 10px;margin-bottom:6px}
body.home-v6 .home-v6-secondary .game-card,body.home-v6 .home-v6-secondary .related-card{border:1px solid rgba(255,111,169,.26);background:linear-gradient(135deg,rgba(20,18,25,.97),rgba(12,13,18,.97));border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.015)}
body.home-v6 .home-v6-secondary .game-card:hover,body.home-v6 .home-v6-secondary .game-card:active{border-color:rgba(255,111,169,.55);transform:translateY(-1px)}
body.home-v6 .home-v6-secondary .trust-strip a{border-color:rgba(255,111,169,.22);background:linear-gradient(135deg,rgba(20,18,25,.92),rgba(12,13,18,.92));border-radius:16px}
body.home-v6 .home-v6-secondary .trust-strip a:hover{border-color:rgba(255,111,169,.5)}
body.home-v6 .footer{background:#07070b}
body.home-v6 .bottom-nav{max-width:864px;height:105px;left:50%;transform:translateX(-50%);padding:8px 14px calc(8px + env(safe-area-inset-bottom));border:1px solid rgba(255,111,169,.13);border-bottom:0;border-radius:22px 22px 0 0;background:rgba(10,10,15,.985);backdrop-filter:blur(18px);box-shadow:0 -14px 35px rgba(0,0,0,.28)}
body.home-v6 .bottom-nav-item{font-size:13px;font-weight:850;gap:6px;color:#8f8991}body.home-v6 .bottom-nav-item svg{width:32px;height:32px;stroke-width:1.7}body.home-v6 .bottom-nav-item[data-nav="home"]{color:#ff78ad}
@media(max-width:700px){
 body.home-v6 .header{height:76px}body.home-v6 .header-inner{padding:0 18px}body.home-v6 .logo{font-size:27px;letter-spacing:-1.4px}body.home-v6 .header-actions{gap:8px}body.home-v6 .header-icon-btn{width:48px;height:48px}body.home-v6 .header-icon-btn svg{width:23px;height:23px}
 body.home-v6 .home-v6-main{padding:0 16px 100px}body.home-v6 .home-v6-hero{margin:0 -16px;padding:21px 16px 14px}body.home-v6 .home-v6-eyebrow{height:31px;padding:0 14px;margin-bottom:13px;font-size:10.5px;letter-spacing:1.1px}body.home-v6 .home-v6-hero h1{font-size:34px;letter-spacing:-1.5px;margin-bottom:10px}body.home-v6 .home-v6-lead{font-size:14px;line-height:1.65;margin-bottom:13px}
 body.home-v6 .home-v6-search-wrap{margin-bottom:16px}body.home-v6 .home-v6-search{height:67px;padding:6px 7px 6px 17px;border-radius:15px}body.home-v6 .home-v6-search-icon{width:23px;height:23px;border-width:2.1px;margin-right:13px}body.home-v6 .home-v6-search-icon:after{width:9px;height:2px;right:-7px;bottom:-4px}body.home-v6 .home-v6-search input{font-size:15.5px}body.home-v6 .home-v6-search button{height:51px;min-width:78px;padding:0 13px;border-radius:12px;font-size:16px}
 body.home-v6 .home-v6-monika{height:194px;border-radius:17px}body.home-v6 .home-v6-monika-copy{left:20px;top:19px;width:49%}body.home-v6 .home-v6-monika-copy>span{font-size:10.5px;margin-bottom:4px}body.home-v6 .home-v6-monika-copy strong{font-size:24px;margin-bottom:7px}body.home-v6 .home-v6-monika-copy strong i{font-size:16px}body.home-v6 .home-v6-monika-copy p{font-size:11px;line-height:1.55;margin-bottom:10px}body.home-v6 .home-v6-monika-copy a{height:36px;min-width:153px;padding:0 12px;gap:8px;font-size:11px}body.home-v6 .home-v6-monika-copy a b{font-size:20px}body.home-v6 .home-v6-monika>img{width:62%;right:-8px;bottom:-40px}
 body.home-v6 .home-v6-feature-grid{gap:9px;margin-top:13px}body.home-v6 .home-v6-feature{height:88px;border-radius:14px;grid-template-columns:48px 1fr 12px;padding:10px 9px}body.home-v6 .home-v6-fi{transform:scale(.70)}body.home-v6 .home-v6-feature b{font-size:13px}body.home-v6 .home-v6-feature small{font-size:9px;line-height:1.38;margin-top:4px}body.home-v6 .home-v6-feature em{font-size:22px}
 body.home-v6 .home-v6-featured-games{margin-top:13px;border-radius:16px;padding:12px 8px 8px}body.home-v6 .home-v6-featured-games .section-head{margin-bottom:8px}body.home-v6 .home-v6-featured-title{gap:6px}body.home-v6 .home-v6-star{font-size:22px}body.home-v6 .home-v6-featured-title h2{font-size:15px}body.home-v6 .home-v6-more{font-size:10.5px}body.home-v6 .home-v6-more b{font-size:16px}body.home-v6 #homeGames.grid{gap:6px}body.home-v6 #homeGames .game-thumb,body.home-v6 #homeGames .cover-fallback{border-radius:6px!important}body.home-v6 #homeGames .game-topline b{font-size:7.4px!important}
 body.home-v6 .bottom-nav{height:74px;border-radius:15px 15px 0 0;padding:4px 4px calc(4px + env(safe-area-inset-bottom))}body.home-v6 .bottom-nav-item{font-size:8.5px;gap:2px}body.home-v6 .bottom-nav-item svg{width:23px;height:23px}
}
@media(min-width:701px){body.home-v6 .bottom-nav{display:none}}

/* =========================================================
   HOME v10 — approved mobile mock precision pass.
   UI-only. Existing API/search/ranking/auth logic is untouched.
   Target viewport: 432x768 CSS px (864x1536 @2x mock).
   ========================================================= */
body.home-v6 .home-v10-feature-icon{
  width:55px;height:55px;display:block;justify-self:center;
  fill:none;stroke:#ff6fa9;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;
  filter:drop-shadow(0 0 5px rgba(255,75,147,.15));
}
body.home-v6 .home-v10-feature .home-v6-fi{display:none!important}
body.home-v6 #homeGames>.game-card:nth-child(n+6){display:none!important}

@media(max-width:700px){
  body.home-v6 .header{height:60px!important}
  body.home-v6 .header-inner{max-width:none!important;padding:0 20px!important}
  body.home-v6 .logo{font-size:25px!important;letter-spacing:-1.25px!important}
  body.home-v6 .header-actions{gap:10px!important}
  body.home-v6 .header-icon-btn{width:41px!important;height:41px!important;border-width:1px!important}
  body.home-v6 .header-icon-btn svg{width:21px!important;height:21px!important;stroke-width:1.7!important}

  body.home-v6 .home-v6-main{padding:0 16px 74px!important;max-width:none!important}
  body.home-v6 .home-v6-hero{margin:0 -16px!important;padding:20px 20px 12px!important}
  body.home-v6 .home-v6-hero:after{right:-58px!important;top:70px!important;width:180px!important;height:155px!important;opacity:.55!important}
  body.home-v6 .home-v6-eyebrow{height:22px!important;padding:0 12px!important;margin:0 0 13px!important;font-size:9.2px!important;letter-spacing:1.05px!important;border-width:1px!important;box-shadow:0 0 9px rgba(255,83,151,.22)!important}
  body.home-v6 .home-v6-hero h1{font-size:29px!important;line-height:1.08!important;letter-spacing:-1.15px!important;margin:0 0 9px!important}
  body.home-v6 .home-v6-lead{font-size:12.2px!important;line-height:1.62!important;margin:0 0 13px!important;color:#c5bac2!important}

  body.home-v6 .home-v6-search-wrap{margin:0 -1px 16px!important}
  body.home-v6 .home-v6-search{height:52px!important;padding:5px 6px 5px 16px!important;border-radius:13px!important;border-width:1px!important}
  body.home-v6 .home-v6-search-icon{width:21px!important;height:21px!important;border-width:2px!important;margin-right:13px!important}
  body.home-v6 .home-v6-search-icon:after{width:8px!important;height:2px!important;right:-6px!important;bottom:-4px!important}
  body.home-v6 .home-v6-search input{font-size:15px!important}
  body.home-v6 .home-v6-search button{height:38px!important;min-width:61px!important;padding:0 12px!important;border-radius:10px!important;font-size:16px!important;box-shadow:0 7px 18px rgba(216,44,119,.16)!important}

  body.home-v6 .home-v6-monika{height:144px!important;margin:0 -4px!important;border-radius:14px!important;border-width:1px!important}
  body.home-v6 .home-v6-monika-copy{left:19px!important;top:15px!important;width:48%!important}
  body.home-v6 .home-v6-monika-copy>span{font-size:10px!important;margin-bottom:3px!important}
  body.home-v6 .home-v6-monika-copy strong{font-size:21px!important;line-height:1.1!important;margin-bottom:7px!important}
  body.home-v6 .home-v6-monika-copy strong i{font-size:13px!important}
  body.home-v6 .home-v6-monika-copy p{font-size:10.8px!important;line-height:1.55!important;margin:0 0 9px!important;white-space:nowrap!important}
  body.home-v6 .home-v6-monika-copy a{height:34px!important;min-width:128px!important;padding:0 11px!important;gap:8px!important;font-size:10.5px!important;border-width:1px!important}
  body.home-v6 .home-v6-monika-copy a b{font-size:18px!important}
  body.home-v6 .home-v6-monika>img{width:59%!important;right:-3px!important;bottom:-178px!important;filter:drop-shadow(0 0 10px rgba(255,81,149,.10))!important}

  body.home-v6 .home-v6-feature-grid{gap:8px!important;margin-top:13px!important}
  body.home-v6 .home-v6-feature{height:66px!important;border-radius:10px!important;border-width:1px!important;grid-template-columns:47px minmax(0,1fr) 10px!important;padding:7px 8px!important}
  body.home-v6 .home-v10-feature-icon{width:33px!important;height:33px!important;stroke-width:2.1!important}
  body.home-v6 .home-v6-feature b{font-size:13px!important;line-height:1.18!important;white-space:nowrap!important}
  body.home-v6 .home-v6-feature small{font-size:9px!important;line-height:1.35!important;margin-top:4px!important}
  body.home-v6 .home-v6-feature em{font-size:20px!important;line-height:1!important}

  body.home-v6 .home-v6-featured-games{margin-top:10px!important;border-radius:13px!important;padding:10px 8px 6px!important;border-width:1px!important;min-height:139px!important}
  body.home-v6 .home-v6-featured-games .section-head{margin:0 0 8px!important;min-height:20px!important}
  body.home-v6 .home-v6-featured-title{gap:6px!important}
  body.home-v6 .home-v6-star{font-size:21px!important;line-height:1!important}
  body.home-v6 .home-v6-featured-title h2{font-size:15px!important;line-height:1.1!important}
  body.home-v6 .home-v6-more{font-size:10.5px!important;line-height:1!important}
  body.home-v6 .home-v6-more b{font-size:15px!important}
  body.home-v6 .home-v6-secondary .section-head h2{font-size:16px!important;line-height:1.15!important}
  body.home-v6 .home-v6-secondary .section-eyebrow{font-size:9px!important;padding:6px 10px!important}
  body.home-v6 #homeGames.grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;align-items:start!important}
  body.home-v6 #homeGames .game-card{gap:4px!important;min-width:0!important;width:100%!important}
  body.home-v6 #homeGames .game-thumb,body.home-v6 #homeGames .cover-fallback{width:100%!important;aspect-ratio:.755!important;height:auto!important;border-radius:6px!important;object-fit:cover!important;border-width:1px!important}
  body.home-v6 #homeGames .game-card-content{width:100%!important;min-width:0!important;overflow:hidden!important}
  body.home-v6 #homeGames .game-topline{width:100%!important;min-width:0!important;overflow:hidden!important}
  body.home-v6 #homeGames .game-topline b{font-size:6.6px!important;line-height:1.2!important;letter-spacing:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important;width:100%!important;display:block!important}

  body.home-v6 .home-v6-secondary{margin-top:28px!important}
  body.home-v6 .home-v6-secondary>.section,body.home-v6 .home-v6-secondary>.trust-strip,body.home-v6 .home-v6-secondary>.personal-section{margin-top:28px!important}

  body.home-v6 .bottom-nav{height:58px!important;max-width:414px!important;width:calc(100% - 18px)!important;left:50%!important;transform:translateX(-50%)!important;border-radius:12px 12px 0 0!important;padding:3px 3px calc(3px + env(safe-area-inset-bottom))!important}
  body.home-v6 .bottom-nav-item{font-size:8.7px!important;gap:1px!important;font-weight:850!important}
  body.home-v6 .bottom-nav-item svg{width:24px!important;height:24px!important;stroke-width:1.65!important}
}

/* =========================================================
   Unified neon-pink pages v13
   Visual-only layer. Every new selector is body-class scoped.
   ========================================================= */
body.mock-neo-page{--neo-bg:#08080d;--neo-panel:#101017;--neo-panel-2:#15111a;--neo-pink:#ff6fa9;--neo-pink-2:#ffa2ca;--neo-line:rgba(255,111,169,.34);--neo-line-strong:rgba(255,111,169,.62);--neo-text:#faf7fa;--neo-muted:#a49ca7;background:radial-gradient(circle at 14% 10%,rgba(91,20,55,.22),transparent 32%),radial-gradient(circle at 86% 22%,rgba(255,40,130,.08),transparent 28%),linear-gradient(180deg,#09090e 0%,#08080d 55%,#07070b 100%)!important;color:var(--neo-text)!important}
body.mock-neo-page .header{background:rgba(7,7,12,.94)!important;border-bottom:1px solid rgba(255,111,169,.10)!important;backdrop-filter:blur(18px)!important}
body.mock-neo-page .header-inner{max-width:1120px!important}
body.mock-neo-page .logo{color:#fff!important;letter-spacing:-.05em!important}
body.mock-neo-page .logo span{color:var(--neo-pink)!important;text-shadow:0 0 20px rgba(255,111,169,.18)!important}
body.mock-neo-page .header-icon-btn{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,111,169,.045))!important;border:1px solid rgba(255,111,169,.38)!important;color:var(--neo-pink-2)!important;box-shadow:0 0 0 1px rgba(255,111,169,.03),0 0 24px rgba(255,111,169,.05)!important}
body.mock-neo-page .header-icon-btn svg{fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.mock-neo-page main.container{position:relative!important}
body.mock-neo-page .breadcrumb{color:#8f8792!important}
body.mock-neo-page .breadcrumb a{color:#aaa1ad!important}
body.mock-neo-page .breadcrumb span{color:#655e68!important}
body.mock-neo-page .eyebrow{display:inline-flex!important;align-items:center!important;width:max-content!important;padding:8px 15px!important;border:1px solid rgba(255,111,169,.46)!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(255,111,169,.11),rgba(255,111,169,.045))!important;color:var(--neo-pink-2)!important;box-shadow:0 0 24px rgba(255,111,169,.07)!important;font-size:11px!important;font-weight:900!important;letter-spacing:.12em!important}
body.mock-neo-page main h1{color:#fff!important;letter-spacing:-.045em!important}
body.mock-neo-page main h2{color:#f8f4f8!important;letter-spacing:-.025em!important}
body.mock-neo-page .lead{color:var(--neo-muted)!important;line-height:1.85!important}
body.mock-neo-page .card{background:linear-gradient(135deg,rgba(20,17,24,.98),rgba(10,11,16,.99))!important;border:1px solid rgba(255,111,169,.25)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 14px 40px rgba(0,0,0,.14)!important}
body.mock-neo-page .primary-link{background:linear-gradient(135deg,#e9478c,#ff6fa9)!important;border:1px solid rgba(255,162,202,.72)!important;color:#fff!important;box-shadow:0 8px 26px rgba(232,65,137,.15),0 0 20px rgba(255,111,169,.08)!important}
body.mock-neo-page .soft-btn{background:#101017!important;border:1px solid rgba(255,111,169,.28)!important;color:#f1eaf0!important}
body.mock-neo-page .primary-link:hover{filter:brightness(1.06)!important}
body.mock-neo-page .soft-btn:hover{border-color:rgba(255,111,169,.55)!important;color:var(--neo-pink-2)!important}
body.mock-neo-page .footer{background:#07070b!important;border-top:1px solid rgba(255,111,169,.08)!important}
body.mock-neo-page .footer-notice{border-color:rgba(255,111,169,.10)!important;color:#837c87!important}
body.mock-neo-page .bottom-nav{background:rgba(8,8,13,.97)!important;border:1px solid rgba(255,111,169,.13)!important;box-shadow:0 -12px 38px rgba(0,0,0,.34)!important}
body.mock-neo-page .bottom-nav-item{color:#8f8893!important}
body.mock-neo-page .bottom-nav-item.active{color:var(--neo-pink-2)!important}
body.mock-neo-page .bottom-nav-item svg{fill:none!important;stroke:currentColor!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.mock-neo-page .mock-neo-desktop-nav{display:flex!important}
body.mock-neo-page .mock-neo-desktop-nav nav a{color:#bbb4bd!important}
body.mock-neo-page .mock-neo-desktop-nav nav a:hover{color:var(--neo-pink-2)!important}
body.mock-neo-page .mock-public-header-search{background:#0d0e14!important;border:1px solid rgba(255,111,169,.16)!important;color:#8f8792!important}

/* Games search / list */
body.mock-neo-games main.container.section{max-width:1060px!important;padding-top:34px!important;padding-bottom:120px!important}
body.mock-neo-games main.container.section>.mock-neo-added-eyebrow{margin-bottom:16px!important}
body.mock-neo-games main.container.section>h1{margin:0 0 10px!important;font-size:clamp(38px,5vw,56px)!important;line-height:1.04!important}
body.mock-neo-games main.container.section>.lead{max-width:720px!important;margin:0!important;font-size:15px!important}
body.mock-neo-games .search-wrap{margin:28px 0 0!important;max-width:860px!important}
body.mock-neo-games .search{min-height:76px!important;padding:8px!important;border-radius:22px!important;background:linear-gradient(180deg,#111119,#0d0e14)!important;border:1px solid rgba(255,111,169,.48)!important;box-shadow:0 0 0 1px rgba(255,111,169,.035),0 0 35px rgba(255,111,169,.08)!important}
body.mock-neo-games .search input{height:58px!important;padding:0 22px!important;background:transparent!important;border:0!important;color:#f5eff4!important;font-size:18px!important}
body.mock-neo-games .search input::placeholder{color:#6f6873!important}
body.mock-neo-games .search button{height:58px!important;min-width:112px!important;border:0!important;border-radius:16px!important;background:linear-gradient(135deg,#e5488b,#ff6fa9)!important;color:#fff!important;font-size:17px!important;font-weight:900!important;box-shadow:0 9px 24px rgba(233,66,139,.18)!important}
body.mock-neo-games .suggestions{margin-top:8px!important;border:1px solid rgba(255,111,169,.24)!important;border-radius:18px!important;background:rgba(12,12,18,.98)!important;box-shadow:0 18px 50px rgba(0,0,0,.32)!important;overflow:hidden!important}
body.mock-neo-games .suggestion{border-bottom-color:rgba(255,255,255,.055)!important}
body.mock-neo-games .result-count{margin:24px 0 8px!important;color:#aaa2ac!important;font-weight:800!important}
body.mock-neo-games .game-request-trigger{margin:0 0 10px!important;padding:10px 16px!important;border:1px solid rgba(255,111,169,.34)!important;border-radius:999px!important;background:rgba(255,111,169,.055)!important;color:var(--neo-pink-2)!important;font-weight:850!important}
body.mock-neo-games #gameList.grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin-top:14px!important}
body.mock-neo-games #gameList .game-card{position:relative!important;display:grid!important;grid-template-columns:104px minmax(0,1fr)!important;gap:18px!important;min-height:140px!important;padding:17px 68px 17px 17px!important;border-radius:22px!important;background:linear-gradient(135deg,rgba(21,18,25,.99),rgba(10,11,16,.99))!important;border:1px solid rgba(255,111,169,.32)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 12px 28px rgba(0,0,0,.14)!important;transform:none!important}
body.mock-neo-games #gameList .game-card:hover{border-color:rgba(255,111,169,.58)!important;box-shadow:0 0 28px rgba(255,111,169,.07),0 14px 32px rgba(0,0,0,.18)!important}
body.mock-neo-games #gameList .game-thumb{width:104px!important;height:104px!important;border-radius:18px!important;object-fit:cover!important}
body.mock-neo-games #gameList .cover-fallback{width:104px!important;height:104px!important;border-radius:18px!important}
body.mock-neo-games #gameList .game-card-content{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;min-width:0!important;padding:0!important}
body.mock-neo-games #gameList .game-topline{width:100%!important;min-width:0!important}
body.mock-neo-games #gameList .game-topline b{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#fff!important;font-size:18px!important;line-height:1.3!important}
body.mock-neo-games #gameList .small{margin-top:6px!important;color:#99919d!important;font-size:11px!important;line-height:1.45!important}
body.mock-neo-games #gameList .pill{margin-top:9px!important;padding:6px 10px!important;border-radius:999px!important;font-size:10px!important;font-weight:900!important}
body.mock-neo-games #gameList .card-fav-btn{position:absolute!important;right:16px!important;top:50%!important;transform:translateY(-50%)!important;width:42px!important;height:42px!important;border-radius:50%!important;border:1px solid rgba(255,111,169,.52)!important;background:#121119!important;color:var(--neo-pink-2)!important;font-size:22px!important}
body.mock-neo-games #gameList .card.empty{grid-column:1/-1!important;border-radius:22px!important;padding:28px!important;color:#aaa2ac!important}
body.mock-neo-games #gameList .loading{grid-column:1/-1!important;padding:34px!important;border:1px solid rgba(255,111,169,.18)!important;border-radius:22px!important;background:#101017!important;color:#9b939f!important;text-align:center!important}

/* Tools / forms */
body.mock-neo-tool main.tool-shell{max-width:930px!important;padding-top:34px!important;padding-bottom:130px!important}
body.mock-neo-tool main.tool-shell>.eyebrow{margin-bottom:14px!important}
body.mock-neo-tool main.tool-shell>h1{margin:0 0 10px!important;font-size:clamp(36px,5vw,52px)!important;line-height:1.05!important}
body.mock-neo-tool main.tool-shell>.lead{max-width:760px!important;margin:0 0 28px!important;font-size:15px!important}
body.mock-neo-tool .tool-card{margin-top:16px!important;padding:24px!important;border:1px solid rgba(255,111,169,.30)!important;border-radius:24px!important;background:linear-gradient(135deg,rgba(20,17,24,.99),rgba(10,11,16,.99))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 14px 42px rgba(0,0,0,.15)!important}
body.mock-neo-tool .tool-card label{color:#c9c0ca!important;font-weight:800!important}
body.mock-neo-tool .tool-input{min-height:56px!important;margin-top:8px!important;padding:0 16px!important;border:1px solid rgba(255,111,169,.31)!important;border-radius:16px!important;background:#0d0e14!important;color:#f8f2f7!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.012)!important}
body.mock-neo-tool .tool-input:focus{outline:none!important;border-color:rgba(255,111,169,.72)!important;box-shadow:0 0 0 3px rgba(255,111,169,.08),0 0 26px rgba(255,111,169,.06)!important}
body.mock-neo-tool .tool-textarea{margin-top:8px!important;padding:15px 16px!important;border:1px solid rgba(255,111,169,.31)!important;border-radius:16px!important;background:#0d0e14!important;color:#f8f2f7!important;line-height:1.7!important;resize:vertical!important}
body.mock-neo-tool .tool-textarea:focus{outline:none!important;border-color:rgba(255,111,169,.72)!important;box-shadow:0 0 0 3px rgba(255,111,169,.08)!important}
body.mock-neo-tool .tool-actions{gap:10px!important;margin-top:14px!important}
body.mock-neo-tool .tool-actions .primary-link{min-height:48px!important;border-radius:14px!important;padding:0 18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important}
body.mock-neo-tool .tool-actions .soft-btn{min-height:48px!important;border-radius:14px!important;padding:0 18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-weight:850!important}
body.mock-neo-tool .tool-game-status{margin-top:14px!important;padding:13px 15px!important;border:1px solid rgba(255,111,169,.15)!important;border-radius:14px!important;background:rgba(255,111,169,.035)!important;color:#aaa2ad!important;line-height:1.6!important}
body.mock-neo-tool .quick-game-list{margin-top:13px!important;gap:7px!important}
body.mock-neo-tool .quick-game-label{color:#8f8792!important}
body.mock-neo-tool .quick-game-chip{padding:7px 11px!important;border:1px solid rgba(255,111,169,.22)!important;border-radius:999px!important;background:#101017!important;color:#c9c1ca!important}
body.mock-neo-tool .quick-game-chip:hover{border-color:rgba(255,111,169,.55)!important;color:var(--neo-pink-2)!important}
body.mock-neo-tool .monika-tip{margin-top:16px!important;padding:18px 20px!important;border:1px solid rgba(255,111,169,.28)!important;border-radius:20px!important;background:linear-gradient(135deg,rgba(63,18,41,.20),rgba(13,12,18,.96))!important;color:#c9c0ca!important;box-shadow:0 0 28px rgba(255,111,169,.045)!important}
body.mock-neo-tool .monika-tip b{color:var(--neo-pink-2)!important}
body.mock-neo-checklist .check-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
body.mock-neo-checklist .check-row{display:grid!important;grid-template-columns:24px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;min-height:92px!important;padding:15px!important;border:1px solid rgba(255,111,169,.18)!important;border-radius:17px!important;background:#0e0f15!important}
body.mock-neo-checklist .check-row:hover{border-color:rgba(255,111,169,.42)!important}
body.mock-neo-checklist .check-row input{width:19px!important;height:19px!important;accent-color:var(--neo-pink)!important}
body.mock-neo-checklist .check-copy b{color:#f6f2f5!important;font-size:13px!important}
body.mock-neo-checklist .check-copy small{display:block!important;margin-top:5px!important;color:#8f8792!important;font-size:10px!important;line-height:1.45!important}
body.mock-neo-checklist .check-auto{padding:6px 9px!important;border-radius:999px!important;font-size:9px!important;font-weight:900!important;white-space:nowrap!important}
body.mock-neo-checklist .check-row.is-disabled{opacity:.55!important}
body.mock-neo-checklist .tool-progress{height:8px!important;margin-top:18px!important;border-radius:999px!important;background:#090a0f!important;border:1px solid rgba(255,111,169,.12)!important;overflow:hidden!important}
body.mock-neo-checklist .tool-progress span{display:block!important;height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,#df4284,#ff78b1)!important;box-shadow:0 0 18px rgba(255,111,169,.28)!important}
body.mock-neo-credit .tool-mode-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-bottom:18px!important;padding:5px!important;border:1px solid rgba(255,111,169,.15)!important;border-radius:16px!important;background:#0c0d12!important}
body.mock-neo-credit .tool-mode{min-height:42px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#98909b!important;font-weight:850!important}
body.mock-neo-credit .tool-mode.active{background:linear-gradient(135deg,rgba(221,57,128,.78),rgba(255,111,169,.88))!important;color:#fff!important;box-shadow:0 6px 18px rgba(230,62,133,.16)!important}
body.mock-neo-credit .tool-output{min-height:190px!important;background:linear-gradient(180deg,#0a0b10,#101018)!important;border-color:rgba(255,111,169,.42)!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important}
body.mock-neo-credit .tool-note{color:#8f8792!important;line-height:1.7!important}

/* Messages */
body.mock-neo-messages main.tool-shell{max-width:860px!important;padding-top:34px!important;padding-bottom:130px!important}
body.mock-neo-messages .mock-neo-message-hero{margin-bottom:24px!important}
body.mock-neo-messages .mock-neo-message-hero .eyebrow{margin-bottom:14px!important}
body.mock-neo-messages .mock-neo-message-hero h1{margin:0 0 9px!important;font-size:clamp(36px,5vw,50px)!important}
body.mock-neo-messages .mock-neo-message-hero p{margin:0!important;color:#9e96a2!important;line-height:1.8!important}
body.mock-neo-messages main.tool-shell>.tool-card{padding:22px!important;border:1px solid rgba(255,111,169,.28)!important;border-radius:24px!important;background:linear-gradient(135deg,rgba(20,17,24,.99),rgba(10,11,16,.99))!important}
body.mock-neo-messages main.tool-shell>.tool-card>h2{display:none!important}
body.mock-neo-messages main.tool-shell>.tool-card>p.small{display:none!important}
body.mock-neo-messages .message-list-heading{margin:18px 0 9px!important;color:var(--neo-pink-2)!important;font-size:11px!important;font-weight:900!important;letter-spacing:.08em!important}
body.mock-neo-messages .message-list-row{width:100%!important;display:grid!important;grid-template-columns:10px 48px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;min-height:78px!important;padding:12px 14px!important;border:1px solid rgba(255,111,169,.14)!important;border-radius:16px!important;background:#0e0f15!important;color:#fff!important;text-align:left!important;margin-bottom:8px!important}
body.mock-neo-messages .message-list-row:hover{border-color:rgba(255,111,169,.42)!important;background:#121018!important}
body.mock-neo-messages .message-list-row.is-unread{border-color:rgba(255,111,169,.38)!important;background:linear-gradient(135deg,rgba(66,19,43,.20),#0e0f15)!important}
body.mock-neo-messages .message-list-avatar{width:48px!important;height:48px!important;border-radius:14px!important;object-fit:cover!important;border:1px solid rgba(255,111,169,.24)!important}
body.mock-neo-messages .message-list-dot{width:7px!important;height:7px!important;border-radius:50%!important;background:var(--neo-pink)!important;box-shadow:0 0 10px rgba(255,111,169,.65)!important}
body.mock-neo-messages .message-list-dot-spacer{width:7px!important;height:7px!important}
body.mock-neo-messages .message-list-copy{min-width:0!important}
body.mock-neo-messages .message-list-topline{display:flex!important;justify-content:space-between!important;gap:12px!important;min-width:0!important}
body.mock-neo-messages .message-list-title{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#f7f3f6!important;font-size:13px!important}
body.mock-neo-messages .message-list-date{color:#7f7883!important;font-size:9px!important;white-space:nowrap!important}
body.mock-neo-messages .message-list-copy small{display:block!important;margin-top:5px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#928a96!important;font-size:10px!important}
body.mock-neo-messages .message-detail-overlay{background:rgba(5,5,9,.94)!important;backdrop-filter:blur(18px)!important}
body.mock-neo-messages .message-detail-topbar{background:#09090e!important;border-bottom:1px solid rgba(255,111,169,.14)!important}
body.mock-neo-messages .message-detail-back{color:var(--neo-pink-2)!important}
body.mock-neo-messages .message-detail-inner{border:1px solid rgba(255,111,169,.25)!important;border-radius:24px!important;background:linear-gradient(135deg,#15111a,#0b0c12)!important}

/* Publisher list */
body.mock-neo-publishers main.result{max-width:1040px!important;padding-top:34px!important;padding-bottom:120px!important}
body.mock-neo-publishers .detail-subhead{margin-bottom:24px!important}
body.mock-neo-publishers .detail-subhead .mock-neo-added-eyebrow{margin-bottom:14px!important}
body.mock-neo-publishers .detail-subhead h1{margin:0 0 10px!important;font-size:clamp(36px,5vw,52px)!important}
body.mock-neo-publishers .detail-subhead p{max-width:780px!important;color:#9d95a1!important;line-height:1.8!important}
body.mock-neo-publishers #publishersListPage>.grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
body.mock-neo-publishers #publishersListPage .game-card{position:relative!important;min-height:126px!important;padding:20px 22px 20px 28px!important;border-radius:22px!important;background:linear-gradient(135deg,rgba(21,18,25,.99),rgba(10,11,16,.99))!important;border:1px solid rgba(255,111,169,.32)!important;overflow:hidden!important;transform:none!important}
body.mock-neo-publishers #publishersListPage .game-card::before{content:'PUBLISHER'!important;position:absolute!important;left:0!important;top:18px!important;width:3px!important;height:44px!important;border-radius:0 4px 4px 0!important;background:linear-gradient(#ff6fa9,#b83f77)!important;box-shadow:0 0 15px rgba(255,111,169,.28)!important;font-size:0!important}
body.mock-neo-publishers #publishersListPage .game-card:hover{border-color:rgba(255,111,169,.58)!important;box-shadow:0 0 28px rgba(255,111,169,.07)!important}
body.mock-neo-publishers #publishersListPage .game-card-content{display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-width:0!important}
body.mock-neo-publishers #publishersListPage .game-card-content>b{color:#fff!important;font-size:19px!important;line-height:1.25!important}
body.mock-neo-publishers #publishersListPage .small{margin-top:6px!important;color:#958d99!important;font-size:10px!important;line-height:1.5!important}
body.mock-neo-publishers #publishersListPage .status-value{margin-top:10px!important;padding:6px 10px!important;border-radius:999px!important;font-size:10px!important}
body.mock-neo-publishers #publishersListPage .empty-soft{grid-column:1/-1!important;padding:30px!important;border:1px solid rgba(255,111,169,.18)!important;border-radius:22px!important;background:#101017!important;color:#99919d!important}

/* Publisher detail */
body.mock-neo-publisher-detail main.result{max-width:1040px!important;padding-top:28px!important;padding-bottom:120px!important}
body.mock-neo-publisher-detail .back-link{display:inline-flex!important;margin-bottom:14px!important;color:var(--neo-pink-2)!important;font-weight:850!important}
body.mock-neo-publisher-detail .detail-hero{padding:26px!important;border-radius:24px!important;border-color:rgba(255,111,169,.40)!important;background:radial-gradient(circle at 92% 12%,rgba(255,111,169,.08),transparent 28%),linear-gradient(135deg,#17121c,#0c0d13)!important}
body.mock-neo-publisher-detail .detail-kicker{color:var(--neo-pink-2)!important;font-size:10px!important;font-weight:900!important;letter-spacing:.12em!important}
body.mock-neo-publisher-detail .game-title{margin:8px 0 7px!important;font-size:clamp(34px,5vw,50px)!important}
body.mock-neo-publisher-detail .detail-toolbar{margin-top:16px!important}
body.mock-neo-publisher-detail .detail-toolbar .soft-btn{border-radius:13px!important}
body.mock-neo-publisher-detail .detail-subhead{margin:24px 0 12px!important}
body.mock-neo-publisher-detail .status-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
body.mock-neo-publisher-detail .status-box{padding:16px!important;border:1px solid rgba(255,111,169,.18)!important;border-radius:17px!important;background:#0e0f15!important}
body.mock-neo-publisher-detail .detail-summary{margin-top:16px!important;padding:22px!important;border:1px solid rgba(255,111,169,.23)!important;border-radius:22px!important;background:#101017!important}
body.mock-neo-publisher-detail .public-text{color:#c7bec8!important;line-height:1.9!important}
body.mock-neo-publisher-detail #publisherDetailPage>.grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
body.mock-neo-publisher-detail #publisherDetailPage>.grid .game-card{position:relative!important;display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;gap:14px!important;padding:14px 54px 14px 14px!important;border-radius:19px!important;border:1px solid rgba(255,111,169,.27)!important;background:#0e0f15!important;transform:none!important}
body.mock-neo-publisher-detail #publisherDetailPage>.grid .game-thumb{width:82px!important;height:82px!important;border-radius:14px!important}
body.mock-neo-publisher-detail #publisherDetailPage>.grid .card-fav-btn{right:12px!important;top:50%!important;transform:translateY(-50%)!important;width:36px!important;height:36px!important;border:1px solid rgba(255,111,169,.45)!important;background:#121119!important;color:var(--neo-pink-2)!important}
body.mock-neo-publisher-detail .detail-section{margin-top:16px!important;padding:22px!important;border:1px solid rgba(255,111,169,.20)!important;border-radius:22px!important;background:#101017!important}
body.mock-neo-publisher-detail .caution-item{border-color:rgba(232,175,66,.22)!important;background:rgba(154,103,17,.08)!important;color:#d9bc7e!important}
body.mock-neo-publisher-detail .source-item{border-color:rgba(255,111,169,.14)!important;background:#0d0e14!important}
body.mock-neo-publisher-detail .action-card{border:1px solid rgba(255,111,169,.20)!important;border-radius:22px!important;background:#101017!important}
body.mock-neo-publisher-detail .official-button{background:linear-gradient(135deg,#df4285,#ff6fa9)!important;color:#fff!important;border-radius:14px!important}
body.mock-neo-publisher-detail .notice{margin-top:16px!important;border:1px solid rgba(229,190,115,.18)!important;border-radius:18px!important;background:rgba(116,84,28,.08)!important;color:#cbb98f!important}

/* Guide hub */
body.mock-neo-guides-hub main.guide-hub{max-width:1040px!important;padding-top:34px!important;padding-bottom:120px!important}
body.mock-neo-guides-hub main.guide-hub>.eyebrow{margin-bottom:14px!important}
body.mock-neo-guides-hub main.guide-hub>h1{margin:0 0 10px!important;font-size:clamp(38px,5vw,54px)!important}
body.mock-neo-guides-hub main.guide-hub>.lead{max-width:820px!important;margin:0 0 24px!important}
body.mock-neo-guides-hub .guide-start{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding:20px 22px!important;border-radius:22px!important}
body.mock-neo-guides-hub .guide-start b{color:#fff!important;font-size:16px!important}
body.mock-neo-guides-hub .guide-start p{color:#968e9a!important;line-height:1.65!important}
body.mock-neo-guides-hub .guide-hub-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin-top:16px!important}
body.mock-neo-guides-hub .guide-hub-card{position:relative!important;min-height:196px!important;padding:22px!important;border-radius:22px!important;overflow:hidden!important}
body.mock-neo-guides-hub .guide-hub-card::after{content:''!important;position:absolute!important;right:-44px!important;top:-48px!important;width:130px!important;height:130px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(255,111,169,.08),transparent 67%)!important;pointer-events:none!important}
body.mock-neo-guides-hub .guide-hub-kicker{color:var(--neo-pink-2)!important;font-size:9px!important;font-weight:900!important;letter-spacing:.12em!important}
body.mock-neo-guides-hub .guide-hub-card h2{margin:10px 0 8px!important;font-size:20px!important;line-height:1.4!important}
body.mock-neo-guides-hub .guide-hub-card p{color:#99919d!important;font-size:12px!important;line-height:1.75!important}
body.mock-neo-guides-hub .guide-hub-more{color:var(--neo-pink-2)!important;font-weight:850!important}
body.mock-neo-guides-hub .context-link-hub{margin-top:18px!important;padding:22px!important;border-radius:22px!important}
body.mock-neo-guides-hub .context-link-grid{gap:10px!important}
body.mock-neo-guides-hub .context-link-grid a{border:1px solid rgba(255,111,169,.17)!important;border-radius:15px!important;background:#0d0e14!important}

/* Guide articles */
body.mock-neo-guide-article main.guide-article{max-width:900px!important;padding-top:34px!important;padding-bottom:120px!important}
body.mock-neo-guide-article .guide-article-head{padding-bottom:24px!important;border-bottom:1px solid rgba(255,111,169,.10)!important}
body.mock-neo-guide-article .guide-article-head .eyebrow{margin-bottom:14px!important}
body.mock-neo-guide-article .guide-article-head h1{margin:0 0 13px!important;font-size:clamp(36px,5vw,52px)!important;line-height:1.15!important}
body.mock-neo-guide-article .guide-article-head p{max-width:820px!important;color:#aaa2ad!important;line-height:1.9!important;font-size:15px!important}
body.mock-neo-guide-article .guide-update{margin-top:14px!important;color:#79727d!important;font-size:10px!important}
body.mock-neo-guide-article .guide-monika{display:grid!important;grid-template-columns:minmax(0,1fr) 220px!important;align-items:end!important;min-height:220px!important;margin:20px 0!important;padding:24px 24px 0!important;border-radius:24px!important;background:radial-gradient(circle at 76% 22%,rgba(255,75,146,.15),transparent 32%),linear-gradient(135deg,#1b121d,#0c0d13)!important;overflow:hidden!important}
body.mock-neo-guide-article .guide-monika img{width:220px!important;max-height:220px!important;object-fit:contain!important;object-position:bottom!important;align-self:end!important}
body.mock-neo-guide-article .guide-monika b{display:block!important;margin:8px 0!important;color:#fff!important;font-size:22px!important}
body.mock-neo-guide-article .guide-monika p{color:#aaa1ac!important;line-height:1.75!important}
body.mock-neo-guide-article .guide-section{margin-top:14px!important;padding:22px 24px!important;border:1px solid rgba(255,111,169,.18)!important;border-radius:21px!important;background:linear-gradient(135deg,rgba(18,16,22,.98),rgba(11,12,17,.98))!important}
body.mock-neo-guide-article .guide-section h2{margin:0 0 10px!important;font-size:21px!important}
body.mock-neo-guide-article .guide-section p{color:#aaa2ad!important;line-height:1.95!important}
body.mock-neo-guide-article .guide-faq{margin-top:16px!important;padding:22px!important;border:1px solid rgba(255,111,169,.21)!important;border-radius:22px!important;background:#101017!important}
body.mock-neo-guide-article .faq-list details{border:1px solid rgba(255,111,169,.12)!important;border-radius:14px!important;background:#0c0d12!important;margin-top:8px!important;padding:0 14px!important}
body.mock-neo-guide-article .faq-list summary{padding:13px 0!important;color:#eee8ed!important;font-weight:850!important}
body.mock-neo-guide-article .faq-list details p{color:#9d95a1!important;line-height:1.8!important}
body.mock-neo-guide-article .guide-next{margin-top:16px!important;padding:22px!important;border-radius:22px!important}
body.mock-neo-guide-article .guide-next-grid{gap:10px!important}
body.mock-neo-guide-article .guide-next-grid a{border:1px solid rgba(255,111,169,.17)!important;border-radius:15px!important;background:#0d0e14!important}
body.mock-neo-guide-article .guide-disclaimer{margin-top:16px!important;padding:16px 18px!important;border:1px solid rgba(229,190,115,.19)!important;border-radius:17px!important;background:rgba(109,78,24,.08)!important;color:#c8b58b!important;line-height:1.75!important}

/* Low-priority text / policy pages */
body.mock-neo-text-page main.trust-page{max-width:940px!important;padding-top:34px!important;padding-bottom:110px!important}
body.mock-neo-text-page .trust-hero{padding-bottom:22px!important;border-bottom:1px solid rgba(255,111,169,.10)!important}
body.mock-neo-text-page .trust-hero .eyebrow{margin-bottom:14px!important}
body.mock-neo-text-page .trust-hero h1{margin:0 0 10px!important;font-size:clamp(36px,5vw,50px)!important}
body.mock-neo-text-page .trust-hero p{color:#aaa2ad!important;line-height:1.85!important}
body.mock-neo-text-page .trust-updated{color:#79727d!important}
body.mock-neo-text-page .trust-grid{gap:12px!important;margin-top:18px!important}
body.mock-neo-text-page .trust-card{padding:20px!important;border:1px solid rgba(255,111,169,.16)!important;border-radius:20px!important;background:#101017!important}
body.mock-neo-text-page .trust-card>span{color:var(--neo-pink-2)!important}
body.mock-neo-text-page .trust-card p{color:#9e96a2!important;line-height:1.8!important}
body.mock-neo-text-page .trust-section{margin-top:14px!important;padding:22px!important;border-radius:21px!important;border-color:rgba(255,111,169,.16)!important}
body.mock-neo-text-page .trust-section p{color:#aaa2ad!important;line-height:1.95!important}
body.mock-neo-text-page .simple-policy-list li{border-color:rgba(255,111,169,.11)!important}
body.mock-neo-text-page .correction-builder .tool-input{border:1px solid rgba(255,111,169,.28)!important;border-radius:14px!important;background:#0d0e14!important;color:#f6f1f5!important}
body.mock-neo-text-page .correction-builder .tool-textarea{border:1px solid rgba(255,111,169,.28)!important;border-radius:14px!important;background:#0d0e14!important;color:#f6f1f5!important}
body.mock-neo-text-page main.guide-article{max-width:900px!important;padding-top:34px!important;padding-bottom:110px!important}
body.mock-neo-text-page .guide-article-head .eyebrow{margin-bottom:14px!important}
body.mock-neo-text-page .guide-article-head h1{font-size:clamp(36px,5vw,50px)!important}
body.mock-neo-text-page .guide-section{margin-top:12px!important;padding:20px 22px!important;border:1px solid rgba(255,111,169,.14)!important;border-radius:18px!important;background:#101017!important}
body.mock-neo-text-page .legal-table{border-color:rgba(255,111,169,.14)!important}
body.mock-neo-text-page .legal-table th{background:rgba(255,111,169,.05)!important;color:#dcd4dc!important}
body.mock-neo-text-page .legal-table td{color:#a9a1ac!important;border-color:rgba(255,255,255,.055)!important}

/* Changes */
body.mock-neo-changes main.container.section{max-width:940px!important;min-height:52vh!important;padding-top:34px!important;padding-bottom:110px!important}
body.mock-neo-changes main.container.section>.mock-neo-added-eyebrow{margin-bottom:14px!important}
body.mock-neo-changes main.container.section>h1{margin:0 0 10px!important;font-size:clamp(36px,5vw,50px)!important}
body.mock-neo-changes main.container.section>.lead{max-width:720px!important;margin:0!important}

/* Monika page */
body.mock-neo-monika-page main.container{max-width:980px!important;padding-top:34px!important;padding-bottom:120px!important}
body.mock-neo-monika-page .monika-character-hero{border:1px solid rgba(255,111,169,.28)!important;border-radius:26px!important;background:radial-gradient(circle at 70% 30%,rgba(255,69,145,.16),transparent 34%),linear-gradient(135deg,#17111b,#0b0c12)!important;overflow:hidden!important}
body.mock-neo-monika-page .monika-character-copy .eyebrow{margin-bottom:14px!important}
body.mock-neo-monika-page .monika-character-copy h1{font-size:clamp(40px,6vw,58px)!important}
body.mock-neo-monika-page .monika-character-copy p{color:#aaa2ad!important;line-height:1.85!important}
body.mock-neo-monika-page .monika-profile-card{border-color:rgba(255,111,169,.20)!important;border-radius:22px!important}
body.mock-neo-monika-page .monika-demo{border-color:rgba(255,111,169,.18)!important;border-radius:22px!important}
body.mock-neo-monika-page .context-link-hub{border-radius:22px!important}

/* 404 */
body.mock-neo-404 main.container{max-width:850px!important;padding-top:90px!important;padding-bottom:110px!important}
body.mock-neo-404 main.container .eyebrow{margin:0 auto 16px!important}
body.mock-neo-404 main.container h1{font-size:clamp(34px,6vw,52px)!important}
body.mock-neo-404 main.container .feature-link{border:1px solid rgba(255,111,169,.24)!important;border-radius:18px!important;background:#101017!important}
body.mock-neo-404 main.container .feature-link:hover{border-color:rgba(255,111,169,.56)!important;box-shadow:0 0 25px rgba(255,111,169,.06)!important}

/* Overlay: preserve transparent canvas, only align the widget tone. */
body.mock-neo-overlay{background:transparent!important}
body.mock-neo-overlay #overlayRoot{border:1px solid rgba(255,111,169,.34)!important;background:linear-gradient(135deg,rgba(18,14,21,.90),rgba(7,8,12,.92))!important;box-shadow:0 0 28px rgba(255,111,169,.07)!important}
body.mock-neo-overlay .ov-pill.ok{border:1px solid rgba(103,220,142,.25)!important}
body.mock-neo-overlay .ov-pill.conditional{border:1px solid rgba(229,190,115,.26)!important}
body.mock-neo-overlay .ov-pill.ng{border:1px solid rgba(229,120,140,.28)!important}
body.mock-neo-overlay .ov-pill.unknown{border:1px solid rgba(180,174,186,.20)!important}
body.mock-neo-overlay .ov-warn{color:#ffc0d4!important}

@media(max-width:700px){
body.mock-neo-page .header-inner{padding-left:17px!important;padding-right:17px!important}
body.mock-neo-page .mock-neo-desktop-nav{display:none!important}
body.mock-neo-page main.container{padding-left:16px!important;padding-right:16px!important}
body.mock-neo-page .eyebrow{padding:6px 11px!important;font-size:8px!important}
body.mock-neo-page .footer{padding-bottom:80px!important}
body.mock-neo-page .bottom-nav{height:64px!important;padding:5px 5px calc(5px + env(safe-area-inset-bottom))!important;background:rgba(8,8,13,.98)!important}
body.mock-neo-page .bottom-nav-item{font-size:8px!important;gap:2px!important}
body.mock-neo-page .bottom-nav-item svg{width:22px!important;height:22px!important}
body.mock-neo-games main.container.section{padding-top:22px!important;padding-bottom:100px!important}
body.mock-neo-games main.container.section>h1{font-size:32px!important}
body.mock-neo-games main.container.section>.lead{font-size:11px!important;line-height:1.7!important}
body.mock-neo-games .search-wrap{margin-top:19px!important}
body.mock-neo-games .search{min-height:62px!important;padding:6px!important;border-radius:18px!important}
body.mock-neo-games .search input{height:48px!important;padding:0 13px!important;font-size:14px!important;min-width:0!important}
body.mock-neo-games .search button{height:48px!important;min-width:78px!important;border-radius:13px!important;font-size:14px!important}
body.mock-neo-games #gameList.grid{grid-template-columns:1fr!important;gap:10px!important}
body.mock-neo-games #gameList .game-card{grid-template-columns:82px minmax(0,1fr)!important;gap:13px!important;min-height:112px!important;padding:14px 54px 14px 14px!important;border-radius:19px!important}
body.mock-neo-games #gameList .game-thumb{width:82px!important;height:82px!important;border-radius:14px!important}
body.mock-neo-games #gameList .cover-fallback{width:82px!important;height:82px!important;border-radius:14px!important}
body.mock-neo-games #gameList .game-topline b{font-size:15px!important}
body.mock-neo-games #gameList .small{font-size:9px!important;margin-top:4px!important}
body.mock-neo-games #gameList .pill{font-size:9px!important;padding:5px 8px!important;margin-top:6px!important}
body.mock-neo-games #gameList .card-fav-btn{right:11px!important;width:35px!important;height:35px!important;font-size:18px!important}
body.mock-neo-tool main.tool-shell{padding-top:22px!important;padding-bottom:100px!important}
body.mock-neo-tool main.tool-shell>h1{font-size:31px!important}
body.mock-neo-tool main.tool-shell>.lead{font-size:11px!important;line-height:1.7!important;margin-bottom:19px!important}
body.mock-neo-tool .tool-card{padding:16px!important;border-radius:20px!important}
body.mock-neo-tool .tool-input{min-height:50px!important;border-radius:14px!important;font-size:13px!important}
body.mock-neo-tool .tool-textarea{border-radius:14px!important;font-size:12px!important}
body.mock-neo-tool .tool-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
body.mock-neo-tool .tool-actions .primary-link{min-height:44px!important;font-size:11px!important}
body.mock-neo-tool .tool-actions .soft-btn{min-height:44px!important;font-size:11px!important}
body.mock-neo-checklist .check-list{grid-template-columns:1fr!important;gap:8px!important}
body.mock-neo-checklist .check-row{min-height:82px!important;padding:12px!important;grid-template-columns:21px minmax(0,1fr) auto!important;gap:9px!important}
body.mock-neo-checklist .check-copy b{font-size:11px!important}
body.mock-neo-checklist .check-copy small{font-size:8.5px!important}
body.mock-neo-checklist .check-auto{font-size:8px!important;padding:5px 7px!important}
body.mock-neo-credit .tool-mode-tabs{grid-template-columns:1fr!important}
body.mock-neo-credit .tool-mode{min-height:38px!important}
body.mock-neo-messages main.tool-shell{padding-top:22px!important;padding-bottom:100px!important}
body.mock-neo-messages .mock-neo-message-hero h1{font-size:31px!important}
body.mock-neo-messages .mock-neo-message-hero p{font-size:11px!important}
body.mock-neo-messages main.tool-shell>.tool-card{padding:14px!important;border-radius:20px!important}
body.mock-neo-messages .message-list-row{grid-template-columns:7px 42px minmax(0,1fr)!important;gap:9px!important;min-height:68px!important;padding:10px!important;border-radius:14px!important}
body.mock-neo-messages .message-list-avatar{width:42px!important;height:42px!important;border-radius:12px!important}
body.mock-neo-messages .message-list-title{font-size:11px!important}
body.mock-neo-messages .message-list-copy small{font-size:8.5px!important}
body.mock-neo-publishers main.result{padding-top:22px!important;padding-bottom:100px!important}
body.mock-neo-publishers .detail-subhead h1{font-size:31px!important}
body.mock-neo-publishers .detail-subhead p{font-size:11px!important}
body.mock-neo-publishers #publishersListPage>.grid{grid-template-columns:1fr!important;gap:10px!important}
body.mock-neo-publishers #publishersListPage .game-card{min-height:108px!important;padding:16px 18px 16px 23px!important;border-radius:19px!important}
body.mock-neo-publishers #publishersListPage .game-card-content>b{font-size:16px!important}
body.mock-neo-publisher-detail main.result{padding-top:18px!important;padding-bottom:100px!important}
body.mock-neo-publisher-detail .detail-hero{padding:18px!important;border-radius:20px!important}
body.mock-neo-publisher-detail .game-title{font-size:30px!important}
body.mock-neo-publisher-detail .status-grid{grid-template-columns:1fr!important}
body.mock-neo-publisher-detail #publisherDetailPage>.grid{grid-template-columns:1fr!important}
body.mock-neo-publisher-detail .detail-summary{padding:17px!important;border-radius:18px!important}
body.mock-neo-publisher-detail .detail-section{padding:17px!important;border-radius:18px!important}
body.mock-neo-guides-hub main.guide-hub{padding-top:22px!important;padding-bottom:100px!important}
body.mock-neo-guides-hub main.guide-hub>h1{font-size:32px!important}
body.mock-neo-guides-hub main.guide-hub>.lead{font-size:11px!important;line-height:1.75!important}
body.mock-neo-guides-hub .guide-start{display:block!important;padding:16px!important;border-radius:19px!important}
body.mock-neo-guides-hub .guide-start .primary-link{margin-top:12px!important;width:100%!important;justify-content:center!important}
body.mock-neo-guides-hub .guide-hub-grid{grid-template-columns:1fr!important;gap:10px!important}
body.mock-neo-guides-hub .guide-hub-card{min-height:0!important;padding:18px!important;border-radius:19px!important}
body.mock-neo-guides-hub .guide-hub-card h2{font-size:17px!important}
body.mock-neo-guides-hub .guide-hub-card p{font-size:10.5px!important}
body.mock-neo-guide-article main.guide-article{padding-top:22px!important;padding-bottom:100px!important}
body.mock-neo-guide-article .guide-article-head h1{font-size:31px!important}
body.mock-neo-guide-article .guide-article-head p{font-size:11px!important;line-height:1.75!important}
body.mock-neo-guide-article .guide-monika{grid-template-columns:minmax(0,1fr) 130px!important;min-height:160px!important;padding:17px 12px 0 17px!important;border-radius:20px!important}
body.mock-neo-guide-article .guide-monika img{width:135px!important;max-height:160px!important}
body.mock-neo-guide-article .guide-monika b{font-size:17px!important}
body.mock-neo-guide-article .guide-monika p{font-size:9px!important;line-height:1.6!important}
body.mock-neo-guide-article .guide-section{padding:17px!important;border-radius:18px!important}
body.mock-neo-guide-article .guide-section h2{font-size:17px!important}
body.mock-neo-guide-article .guide-section p{font-size:10.5px!important;line-height:1.8!important}
body.mock-neo-guide-article .guide-faq{padding:17px!important;border-radius:18px!important}
body.mock-neo-guide-article .guide-next{padding:17px!important;border-radius:18px!important}
body.mock-neo-guide-article .guide-next-grid{grid-template-columns:1fr!important}
body.mock-neo-text-page main.trust-page{padding-top:22px!important;padding-bottom:95px!important}
body.mock-neo-text-page .trust-hero h1{font-size:31px!important}
body.mock-neo-text-page .trust-hero p{font-size:11px!important;line-height:1.75!important}
body.mock-neo-text-page .trust-grid{grid-template-columns:1fr!important}
body.mock-neo-text-page .trust-card{padding:16px!important;border-radius:18px!important}
body.mock-neo-text-page .trust-section{padding:17px!important;border-radius:18px!important}
body.mock-neo-text-page .trust-section p{font-size:10.5px!important;line-height:1.85!important}
body.mock-neo-text-page main.guide-article{padding-top:22px!important;padding-bottom:95px!important}
body.mock-neo-text-page .guide-article-head h1{font-size:31px!important}
body.mock-neo-text-page .guide-section{padding:16px!important;border-radius:17px!important}
body.mock-neo-changes main.container.section{padding-top:22px!important;padding-bottom:95px!important}
body.mock-neo-changes main.container.section>h1{font-size:31px!important}
body.mock-neo-monika-page main.container{padding-top:22px!important;padding-bottom:100px!important}
body.mock-neo-monika-page .monika-character-hero{border-radius:20px!important}
body.mock-neo-monika-page .monika-character-copy h1{font-size:34px!important}
body.mock-neo-404 main.container{padding-top:60px!important;padding-bottom:95px!important}
}

@media(min-width:701px){
body.mock-neo-page .bottom-nav{display:none!important}
body.mock-neo-page .header{height:64px!important}
body.mock-neo-page .header-inner{height:64px!important}
body.mock-neo-page .mock-neo-desktop-nav{flex:1!important;align-items:center!important;justify-content:space-between!important;gap:22px!important;margin-left:28px!important}
body.mock-neo-page .mock-neo-desktop-nav nav{display:flex!important;align-items:center!important;gap:22px!important}
body.mock-neo-page .mock-public-header-search{width:280px!important;height:36px!important;border-radius:999px!important;padding:0 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;font-size:10px!important}
body.mock-neo-page .mock-neo-desktop-nav nav a{font-size:10px!important;font-weight:800!important}
}

/* ========================================================================== */
/* Fidelity v17 — exact cute list cards from approved Twitch / VTuber mocks    */
/* Every selector is body-scoped intentionally to preserve mobile specificity. */
/* ========================================================================== */
body.mock-ranking-cute-v17{--v17-pink:#ff5fa2;--v17-pink2:#ff91bd;--v17-bg:#08080d;--v17-card:#0f0e15;--v17-line:rgba(255,95,162,.68);background:radial-gradient(760px 420px at 48% 13%,rgba(116,17,61,.18),transparent 72%),linear-gradient(180deg,#08080d 0%,#09070c 46%,#08090d 100%)}
body.mock-ranking-cute-v17 .header{background:rgba(7,8,12,.985)!important;border-bottom:1px solid rgba(255,95,162,.10)!important}
body.mock-ranking-cute-v17 .header-inner{max-width:1120px}
body.mock-ranking-cute-v17 .logo{letter-spacing:-.07em}
body.mock-ranking-cute-v17 .header-icon-btn{border:1px solid rgba(255,95,162,.48)!important;background:#0e0d14!important;box-shadow:0 0 0 1px rgba(255,255,255,.015),0 0 22px rgba(255,61,143,.06)!important}
body.mock-ranking-cute-v17 .header-icon-btn svg{stroke:#fff!important;stroke-width:1.65!important}
body.mock-ranking-cute-v17 .header-icon-btn:last-child svg{stroke:#ff82b6!important}
body.mock-ranking-cute-v17 .breadcrumb{color:#aaa1ab}
body.mock-ranking-cute-v17 main.container{position:relative}
body.mock-ranking-cute-v17 .page-hero{position:relative;isolation:isolate}
body.mock-ranking-cute-v17 .page-hero::after{content:'';position:absolute;z-index:-1;right:-16px;top:40px;width:185px;height:160px;opacity:.26;background:radial-gradient(circle at 70% 26%,rgba(255,105,170,.75) 0 2px,transparent 3px),radial-gradient(circle at 90% 70%,rgba(255,105,170,.5) 0 1.5px,transparent 2.5px);background-size:72px 72px,54px 54px;pointer-events:none}
body.mock-ranking-cute-v17 .page-hero .eyebrow{border-color:rgba(255,95,162,.62)!important;background:linear-gradient(180deg,rgba(255,95,162,.085),rgba(255,95,162,.025))!important;color:#ff9bc1!important;box-shadow:0 0 20px rgba(255,70,151,.08)!important}
body.mock-ranking-cute-v17 .page-hero h1{color:#fff!important;background:none!important;-webkit-text-fill-color:initial!important;letter-spacing:-.055em!important}
body.mock-ranking-cute-v17 .page-hero h1 .mock-v17-title-accent{background:linear-gradient(100deg,#fff 0%,#ffd0e0 15%,#ff91bd 58%,#ff5fa2 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
body.mock-ranking-cute-v17 .page-hero p{color:#b4adb6!important}
body.mock-ranking-cute-v17 .trend-page-nav{overflow-x:auto;scrollbar-width:none}
body.mock-ranking-cute-v17 .trend-page-nav::-webkit-scrollbar{display:none}
body.mock-ranking-cute-v17 .trend-page-nav a{border:1px solid #36313d!important;background:#0c0d13!important;color:#bdb6c0!important;box-shadow:none!important;white-space:nowrap}
/* Twitch/YouTube/検索上位/新着ページでは6つ目以降のタブをJSでaria-hidden化
   して隠す仕組みが元々あったが、VTuberページ用のクラスにはそれに対応する
   非表示CSSが無く、7個全部のタブが詰め込まれて表示されていた（タブが
   Twitch側より小さく・窮屈に見えていた一因）。同じ扱いに揃える。 */
body.mock-ranking-cute-v17 .trend-page-nav a[aria-hidden="true"]{display:none!important}
body.mock-ranking-twitch-v17 .trend-page-nav a:first-child{border-color:#ff5fa2!important;background:linear-gradient(135deg,rgba(255,71,151,.18),rgba(255,71,151,.06))!important;color:#ff9bc1!important;box-shadow:0 0 0 1px rgba(255,95,162,.13),0 0 22px rgba(255,59,142,.12)!important}
body.mock-ranking-cute-v17 .rank-grid{display:grid!important;grid-template-columns:1fr!important}
body.mock-ranking-cute-v17 .rank-grid .game-card{position:relative;overflow:hidden;border:1.5px solid #d84b82!important;background:radial-gradient(220px 140px at 83% 53%,rgba(103,18,59,.18),transparent 70%),linear-gradient(135deg,rgba(21,13,20,.995),rgba(10,10,15,.995))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 0 10px rgba(255,73,146,.10)!important}
body.mock-ranking-cute-v17 .rank-grid .game-card::after{content:'';position:absolute;right:-8px;bottom:-8px;width:122px;height:98px;opacity:.36;background-image:radial-gradient(circle,rgba(255,92,160,.42) 0 1.4px,transparent 1.6px);background-size:14px 14px;mask-image:linear-gradient(135deg,transparent 5%,#000 58%,#000 100%);pointer-events:none}
body.mock-ranking-cute-v17 .rank-grid .game-card .mock-v17-card-spark{position:absolute;right:70px;bottom:27px;width:14px;height:14px;z-index:1;pointer-events:none}
body.mock-ranking-cute-v17 .rank-grid .game-card .mock-v17-card-spark::before{content:'✦';position:absolute;color:#ff68a7;font-size:18px;line-height:1;text-shadow:0 0 12px rgba(255,74,151,.45)}
body.mock-ranking-cute-v17 .rank-grid .game-thumb{position:relative;z-index:2;border:1.5px solid #d84b82!important;box-shadow:0 0 10px rgba(255,73,146,.10);object-fit:cover}
body.mock-ranking-cute-v17 .rank-grid .game-card-content{position:relative;z-index:2;min-width:0}
body.mock-ranking-cute-v17 .rank-grid .game-topline{display:flex!important;align-items:flex-start!important;gap:12px!important;padding-right:4px}
body.mock-ranking-cute-v17 .rank-grid .game-card b{color:#fff!important;font-weight:900!important;letter-spacing:-.035em}
body.mock-ranking-cute-v17 .rank-grid .rank-no{flex:0 0 auto;border:1px solid rgba(255,95,162,.62)!important;background:linear-gradient(145deg,rgba(255,79,151,.22),rgba(81,22,54,.44))!important;color:#ff9bc1!important;box-shadow:0 0 17px rgba(255,67,148,.08)!important}
body.mock-ranking-cute-v17 .rank-grid .small{color:#aaa2ad!important}
body.mock-ranking-cute-v17 .rank-grid .pill{font-weight:900!important}
body.mock-ranking-cute-v17 .rank-grid .pill.ok{background:rgba(25,101,62,.24)!important;color:#59e995!important}
body.mock-ranking-cute-v17 .rank-grid .pill.unknown{background:#1a1820!important;color:#aaa4ad!important}
body.mock-ranking-cute-v17 .rank-grid .pill.ng{background:rgba(137,30,43,.25)!important;color:#ff818f!important}
body.mock-ranking-cute-v17 .rank-grid .pill-hint{color:#d3c7bd!important}
body.mock-ranking-cute-v17 .rank-grid .card-fav-btn{z-index:4!important;border:1px solid rgba(255,95,162,.65)!important;background:rgba(12,12,18,.94)!important;color:#ff87b6!important;box-shadow:0 0 20px rgba(255,63,145,.08)!important}
body.mock-ranking-cute-v17 .rank-grid .card-fav-btn.active{background:rgba(91,24,57,.55)!important;color:#ff91bd!important}
body.mock-ranking-twitch-v17 .mock-v17-hero-monika{position:absolute;right:4px;bottom:-10px;width:235px;height:178px;object-fit:cover;object-position:50% 7%;pointer-events:none;filter:drop-shadow(0 0 18px rgba(255,56,145,.10));z-index:-1}

body.mock-ranking-vtuber-v17 .breadcrumb{display:none!important}
/* 以前はVTuberトレンドページだけTwitch/YouTube/検索上位/新着のタブを完全に
   非表示にしていたが、ページ間を移動する手段が無くなり不便という指摘を受け、
   他のランキングページと同様にタブを表示するよう変更した。 */
body.mock-ranking-vtuber-v17 .rank-grid .game-topline{display:block!important}
body.mock-ranking-vtuber-v17 .rank-grid .game-card .small{color:#e59ab9!important}
body.mock-ranking-vtuber-v17 .rank-grid .trend-reason{display:flex!important;align-items:center!important;gap:8px!important;color:#d7d0d6!important;border-bottom:1px dashed rgba(255,255,255,.12);padding-bottom:11px!important;margin-top:10px!important;line-height:1.45!important}
/* enhanceVtuberCards()がtrend-reasonの先頭へ挿入するusersIcon()に
   サイズ指定が一切無く、width/height未指定のSVGがブラウザの既定サイズ
   (300x150相当)で描画されてカード全体を覆う巨大な黒い円になっていた
   バグを修正。他のアイコン(mock-v17-evidence等)と同じ扱いに揃える。 */
body.mock-ranking-vtuber-v17 .rank-grid .trend-reason svg{width:15px;height:15px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8}
body.mock-ranking-vtuber-v17 .rank-grid .trend-reason svg{width:20px;height:20px;flex:0 0 auto;fill:#ff72aa;stroke:#ff72aa;stroke-width:1.6}
body.mock-ranking-v27-vtuber .mock-v17-vtuber-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:11px}
body.mock-ranking-v27-vtuber .mock-v17-evidence{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:5px 11px;border:1px solid rgba(255,95,162,.68);border-radius:999px;color:#ff80b2!important;background:rgba(61,15,42,.17);font-size:11px;font-weight:900;line-height:1;text-decoration:none}
body.mock-ranking-v27-vtuber .mock-v17-evidence svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
body.mock-ranking-v27-vtuber .mock-v17-verdict{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:5px 11px;border-radius:999px;font-size:11px;font-weight:900;line-height:1}
body.mock-ranking-v27-vtuber .mock-v17-verdict svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
body.mock-ranking-v27-vtuber .mock-v17-verdict b{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:5px;background:#1cba57;color:#fff!important;font-size:12px!important;line-height:1}
body.mock-ranking-v27-vtuber .mock-v17-verdict.ok{border:1px solid rgba(47,196,100,.48);background:rgba(21,93,51,.20);color:#62ec99}
body.mock-ranking-v27-vtuber .mock-v17-verdict.unknown{background:linear-gradient(180deg,#35343c,#27262e);color:#c4bec7;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
body.mock-ranking-v27-vtuber .mock-v17-verdict.ng{background:rgba(120,24,37,.25);color:#ff7e8f}

@media(max-width:700px){
  body.mock-ranking-cute-v17 .header{height:106px!important}
  body.mock-ranking-cute-v17 .header-inner{height:106px!important;padding:0 27px!important}
  body.mock-ranking-cute-v17 .logo{font-size:30px!important}
  body.mock-ranking-cute-v17 .header-actions{gap:13px!important}
  body.mock-ranking-cute-v17 .header-icon-btn{width:55px!important;height:55px!important;border-radius:50%!important}
  body.mock-ranking-cute-v17 .header-icon-btn svg{width:26px!important;height:26px!important}
  body.mock-ranking-cute-v17 .breadcrumb{padding:12px 27px 0!important;font-size:10.5px!important;gap:10px!important}
  body.mock-ranking-cute-v17 main.container{padding:0 27px 92px!important}
  body.mock-ranking-cute-v17 .page-hero{padding:22px 0 14px!important;max-width:none!important}
  body.mock-ranking-cute-v17 .page-hero .eyebrow{display:inline-flex!important;align-items:center!important;min-height:39px!important;padding:8px 17px!important;font-size:11px!important;letter-spacing:.12em!important}
  body.mock-ranking-cute-v17 .page-hero h1{font-size:34px!important;line-height:1.08!important;margin:19px 0 14px!important;max-width:650px!important}
  body.mock-ranking-cute-v17 .page-hero p{font-size:13px!important;line-height:1.65!important;margin:0!important;max-width:620px!important}
  body.mock-ranking-twitch-v17 .page-hero{padding-right:0!important}
  body.mock-ranking-twitch-v17 .mock-v17-hero-monika{width:208px;height:154px;right:-22px;bottom:2px;opacity:.98}
  body.mock-ranking-twitch-v17 .page-hero h1{max-width:540px!important}
  body.mock-ranking-twitch-v17 .page-hero p{max-width:650px!important}
  body.mock-ranking-cute-v17 .trend-page-nav{gap:9px!important;margin:2px -27px 18px 0!important;padding:0 27px 3px 0!important}
  body.mock-ranking-cute-v17 .trend-page-nav a{min-height:48px!important;padding:11px 17px!important;border-radius:16px!important;font-size:11px!important;gap:7px!important}
  body.mock-ranking-cute-v17 .trend-page-nav a::before{font-size:13px!important}
  body.mock-ranking-cute-v17 .rank-grid{gap:13px!important;padding-bottom:0!important}
  body.mock-ranking-twitch-v17 .rank-grid .game-card,body.mock-ranking-youtube .rank-grid .game-card,body.mock-ranking-newgames .rank-grid .game-card,body.mock-ranking-rising .rank-grid .game-card,body.mock-ranking-updated .rank-grid .game-card{min-height:148px!important;grid-template-columns:118px minmax(0,1fr)!important;gap:20px!important;padding:15px 68px 15px 15px!important;border-radius:24px!important}
  body.mock-ranking-twitch-v17 .rank-grid .game-thumb,body.mock-ranking-youtube .rank-grid .game-thumb,body.mock-ranking-newgames .rank-grid .game-thumb,body.mock-ranking-rising .rank-grid .game-thumb,body.mock-ranking-updated .rank-grid .game-thumb{width:118px!important;height:118px!important;border-radius:22px!important}
  body.mock-ranking-twitch-v17 .rank-grid .rank-no,body.mock-ranking-youtube .rank-grid .rank-no,body.mock-ranking-newgames .rank-grid .rank-no,body.mock-ranking-rising .rank-grid .rank-no,body.mock-ranking-updated .rank-grid .rank-no{height:36px!important;min-width:50px!important;padding:0 10px!important;border-radius:12px!important;font-size:14px!important}
  body.mock-ranking-twitch-v17 .rank-grid .game-card b,body.mock-ranking-youtube .rank-grid .game-card b,body.mock-ranking-newgames .rank-grid .game-card b,body.mock-ranking-rising .rank-grid .game-card b,body.mock-ranking-updated .rank-grid .game-card b{font-size:19px!important;line-height:1.13!important}
  body.mock-ranking-twitch-v17 .rank-grid .small,body.mock-ranking-youtube .rank-grid .small,body.mock-ranking-newgames .rank-grid .small,body.mock-ranking-rising .rank-grid .small,body.mock-ranking-updated .rank-grid .small{font-size:13px!important;margin-top:8px!important}
  body.mock-ranking-twitch-v17 .rank-grid .pill,body.mock-ranking-youtube .rank-grid .pill,body.mock-ranking-newgames .rank-grid .pill,body.mock-ranking-rising .rank-grid .pill,body.mock-ranking-updated .rank-grid .pill{font-size:12.5px!important;padding:7px 11px!important;margin-top:10px!important}
  body.mock-ranking-twitch-v17 .rank-grid .pill-hint,body.mock-ranking-youtube .rank-grid .pill-hint,body.mock-ranking-newgames .rank-grid .pill-hint,body.mock-ranking-rising .rank-grid .pill-hint,body.mock-ranking-updated .rank-grid .pill-hint{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;font-size:11.5px!important;line-height:1.55!important;margin-top:8px!important}
  body.mock-ranking-twitch-v17 .rank-grid .card-fav-btn,body.mock-ranking-youtube .rank-grid .card-fav-btn,body.mock-ranking-newgames .rank-grid .card-fav-btn,body.mock-ranking-rising .rank-grid .card-fav-btn,body.mock-ranking-updated .rank-grid .card-fav-btn{right:16px!important;top:17px!important;width:49px!important;height:49px!important;font-size:25px!important}
  body.mock-ranking-vtuber-v17 main.container{padding-top:0!important}
  body.mock-ranking-vtuber-v17 .page-hero{padding:26px 0 20px!important}
  body.mock-ranking-vtuber-v17 .page-hero h1{font-size:35px!important;margin-top:19px!important}
  body.mock-ranking-vtuber-v17 .rank-grid{gap:18px!important}
  body.mock-ranking-vtuber-v17 .rank-grid .game-card{min-height:194px!important;grid-template-columns:152px minmax(0,1fr)!important;gap:23px!important;padding:17px 66px 17px 17px!important;border-radius:25px!important}
  body.mock-ranking-vtuber-v17 .rank-grid .game-thumb{width:152px!important;height:152px!important;border-radius:25px!important}
  body.mock-ranking-vtuber-v17 .rank-grid .game-card b{font-size:20px!important;line-height:1.2!important;display:block!important;padding-top:5px!important}
  body.mock-ranking-vtuber-v17 .rank-grid .small{font-size:13px!important;margin-top:10px!important}
  body.mock-ranking-vtuber-v17 .rank-grid .trend-reason{font-size:12.5px!important;margin-top:12px!important;padding-bottom:11px!important}
  body.mock-ranking-vtuber-v17 .rank-grid .trend-reason svg{width:14px!important;height:14px!important}
  body.mock-ranking-vtuber-v17 .rank-grid .card-fav-btn{right:15px!important;top:17px!important;width:52px!important;height:52px!important;font-size:26px!important}
  body.mock-ranking-v27-vtuber .mock-v17-evidence{font-size:11px!important;min-height:33px!important;padding:6px 11px!important}
  body.mock-ranking-v27-vtuber .mock-v17-verdict{font-size:11px!important;min-height:33px!important;padding:6px 11px!important}
  body.mock-ranking-cute-v17 .bottom-nav{height:82px!important;padding:7px 14px calc(7px + env(safe-area-inset-bottom))!important;border:1px solid rgba(255,95,162,.24)!important;border-bottom:0!important;border-radius:24px 24px 0 0!important;background:rgba(9,9,14,.985)!important;box-shadow:0 -14px 30px rgba(0,0,0,.23)!important}
  body.mock-ranking-cute-v17 .bottom-nav-item{font-size:10px!important;gap:4px!important;color:#8d8790!important}
  body.mock-ranking-cute-v17 .bottom-nav-item svg{width:27px!important;height:27px!important;stroke-width:1.7!important}
  body.mock-ranking-twitch-v17 .bottom-nav-item[data-nav="ranking"],body.mock-ranking-vtuber-v17 .bottom-nav-item[data-nav="home"]{color:#ff82b6!important}
  body.mock-ranking-twitch-v17 .bottom-nav-item[data-nav="ranking"] svg,body.mock-ranking-vtuber-v17 .bottom-nav-item[data-nav="home"] svg{stroke:#ff82b6!important;filter:drop-shadow(0 0 7px rgba(255,84,157,.18))}
  body.mock-ranking-cute-v17 .footer{display:none!important}
}

@media(max-width:460px){
  body.mock-ranking-cute-v17 .header{height:96px!important}
  body.mock-ranking-cute-v17 .header-inner{height:96px!important;padding:0 20px!important}
  body.mock-ranking-cute-v17 .logo{font-size:27px!important}
  body.mock-ranking-cute-v17 .header-icon-btn{width:50px!important;height:50px!important}
  body.mock-ranking-cute-v17 .breadcrumb{padding-left:18px!important;padding-right:18px!important}
  body.mock-ranking-cute-v17 main.container{padding-left:18px!important;padding-right:18px!important}
  body.mock-ranking-cute-v17 .page-hero h1{font-size:29px!important}
  body.mock-ranking-cute-v17 .page-hero p{font-size:11.5px!important}
  body.mock-ranking-cute-v17 .trend-page-nav{margin-right:-18px!important;padding-right:18px!important}
  body.mock-ranking-cute-v17 .trend-page-nav a{min-height:42px!important;padding:9px 13px!important;font-size:9.5px!important;border-radius:14px!important}
  body.mock-ranking-twitch-v17 .mock-v17-hero-monika{width:150px;height:116px;right:-17px;bottom:12px}
  body.mock-ranking-twitch-v17 .rank-grid .game-card,body.mock-ranking-youtube .rank-grid .game-card,body.mock-ranking-newgames .rank-grid .game-card,body.mock-ranking-rising .rank-grid .game-card,body.mock-ranking-updated .rank-grid .game-card{min-height:126px!important;grid-template-columns:92px minmax(0,1fr)!important;gap:14px!important;padding:12px 50px 12px 12px!important;border-radius:20px!important}
  body.mock-ranking-twitch-v17 .rank-grid .game-thumb,body.mock-ranking-youtube .rank-grid .game-thumb,body.mock-ranking-newgames .rank-grid .game-thumb,body.mock-ranking-rising .rank-grid .game-thumb,body.mock-ranking-updated .rank-grid .game-thumb{width:92px!important;height:92px!important;border-radius:18px!important}
  body.mock-ranking-twitch-v17 .rank-grid .rank-no,body.mock-ranking-youtube .rank-grid .rank-no,body.mock-ranking-newgames .rank-grid .rank-no,body.mock-ranking-rising .rank-grid .rank-no,body.mock-ranking-updated .rank-grid .rank-no{height:30px!important;min-width:42px!important;padding:0 8px!important;font-size:11.5px!important}
  body.mock-ranking-twitch-v17 .rank-grid .game-card b,body.mock-ranking-youtube .rank-grid .game-card b,body.mock-ranking-newgames .rank-grid .game-card b,body.mock-ranking-rising .rank-grid .game-card b,body.mock-ranking-updated .rank-grid .game-card b{font-size:16px!important}
  body.mock-ranking-twitch-v17 .rank-grid .small,body.mock-ranking-youtube .rank-grid .small,body.mock-ranking-newgames .rank-grid .small,body.mock-ranking-rising .rank-grid .small,body.mock-ranking-updated .rank-grid .small{font-size:10.5px!important;margin-top:6px!important}
  body.mock-ranking-twitch-v17 .rank-grid .pill,body.mock-ranking-youtube .rank-grid .pill,body.mock-ranking-newgames .rank-grid .pill,body.mock-ranking-rising .rank-grid .pill,body.mock-ranking-updated .rank-grid .pill{font-size:10.5px!important;padding:6px 9px!important;margin-top:7px!important}
  body.mock-ranking-twitch-v17 .rank-grid .pill-hint,body.mock-ranking-youtube .rank-grid .pill-hint,body.mock-ranking-newgames .rank-grid .pill-hint,body.mock-ranking-rising .rank-grid .pill-hint,body.mock-ranking-updated .rank-grid .pill-hint{font-size:9.5px!important;margin-top:6px!important}
  body.mock-ranking-twitch-v17 .rank-grid .card-fav-btn,body.mock-ranking-youtube .rank-grid .card-fav-btn,body.mock-ranking-newgames .rank-grid .card-fav-btn,body.mock-ranking-rising .rank-grid .card-fav-btn,body.mock-ranking-updated .rank-grid .card-fav-btn{right:10px!important;top:12px!important;width:40px!important;height:40px!important;font-size:21px!important}
  body.mock-ranking-vtuber-v17 .page-hero h1{font-size:29px!important}
  body.mock-ranking-vtuber-v17 .rank-grid{gap:13px!important}
  body.mock-ranking-vtuber-v17 .rank-grid .game-card{min-height:160px!important;grid-template-columns:118px minmax(0,1fr)!important;gap:16px!important;padding:13px 49px 13px 13px!important;border-radius:21px!important}
  body.mock-ranking-vtuber-v17 .rank-grid .game-thumb{width:118px!important;height:118px!important;border-radius:21px!important}
  body.mock-ranking-vtuber-v17 .rank-grid .game-card b{font-size:16px!important;padding-top:2px!important}
  body.mock-ranking-vtuber-v17 .rank-grid .small{font-size:10.5px!important;margin-top:7px!important}
  body.mock-ranking-vtuber-v17 .rank-grid .trend-reason{font-size:9.5px!important;gap:5px!important;margin-top:8px!important;padding-bottom:7px!important}
  body.mock-ranking-vtuber-v17 .rank-grid .trend-reason svg{width:12px!important;height:12px!important}
  body.mock-ranking-vtuber-v17 .rank-grid .trend-reason svg{width:15px!important;height:15px!important}
  body.mock-ranking-v27-vtuber .mock-v17-vtuber-meta{gap:6px!important;margin-top:7px!important}
  body.mock-ranking-v27-vtuber .mock-v17-evidence{min-height:28px!important;padding:4px 8px!important;font-size:9px!important}
  body.mock-ranking-v27-vtuber .mock-v17-evidence svg{width:13px!important;height:13px!important}
  body.mock-ranking-v27-vtuber .mock-v17-verdict{min-height:28px!important;padding:4px 8px!important;font-size:9px!important}
  body.mock-ranking-v27-vtuber .mock-v17-verdict svg{width:14px!important;height:14px!important}
  body.mock-ranking-vtuber-v17 .rank-grid .card-fav-btn{right:10px!important;top:12px!important;width:40px!important;height:40px!important;font-size:21px!important}
  body.mock-ranking-cute-v17 .bottom-nav{height:74px!important;border-radius:20px 20px 0 0!important}
  body.mock-ranking-cute-v17 .bottom-nav-item{font-size:8.5px!important}
  body.mock-ranking-cute-v17 .bottom-nav-item svg{width:24px!important;height:24px!important}
}


/* ========================================================================== */
/* Fidelity v23 — approved Twitch list mock shared by Twitch/YouTube/Search/New */
/* All selectors are body-scoped on purpose.                                   */
/* ========================================================================== */
body.mock-ranking-list-v23{--v23-pink:#ff5fa2;--v23-pink2:#ff95be;--v23-bg:#08080d;--v23-card:#100d15;--v23-muted:#aaa2ad;background:radial-gradient(760px 420px at 48% 12%,rgba(111,16,59,.20),transparent 72%),linear-gradient(180deg,#08080d 0%,#09070c 46%,#08090d 100%)!important;color:#fff!important}
body.mock-ranking-list-v23 .header{background:rgba(7,8,12,.985)!important;border-bottom:1px solid rgba(255,95,162,.12)!important}
body.mock-ranking-list-v23 .header-icon-btn{border:1px solid rgba(255,95,162,.50)!important;background:#0d0d13!important;box-shadow:0 0 24px rgba(255,67,148,.06)!important}
body.mock-ranking-list-v23 .breadcrumb{color:#aaa1ab!important}
body.mock-ranking-list-v23 main.container{position:relative!important}
body.mock-ranking-list-v23 .page-hero{position:relative!important;isolation:isolate!important;padding-bottom:18px!important}
body.mock-ranking-list-v23 .page-hero::after{content:'';position:absolute;z-index:-2;right:-34px;top:18px;width:235px;height:210px;opacity:.35;background:radial-gradient(circle at 66% 25%,rgba(255,105,170,.8) 0 2px,transparent 3px),radial-gradient(circle at 90% 70%,rgba(255,105,170,.55) 0 1.5px,transparent 2.5px);background-size:74px 74px,54px 54px;pointer-events:none}
body.mock-ranking-list-v23 .page-hero .eyebrow{display:inline-flex!important;align-items:center!important;gap:8px!important;border:1px solid rgba(255,95,162,.68)!important;background:linear-gradient(180deg,rgba(255,95,162,.095),rgba(255,95,162,.025))!important;color:#ff9bc1!important;box-shadow:0 0 20px rgba(255,70,151,.08)!important}
body.mock-ranking-list-v23 .page-hero .eyebrow .mock-v23-brand-mark{width:18px!important;height:18px!important}
body.mock-ranking-list-v23 .page-hero h1{color:#fff!important;background:none!important;-webkit-text-fill-color:initial!important;letter-spacing:-.055em!important;position:relative!important;z-index:2!important}
body.mock-ranking-list-v23 .page-hero h1 .mock-v23-title-accent{background:linear-gradient(100deg,#fff 0%,#ffd0e0 12%,#ff91bd 56%,#ff5fa2 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
body.mock-ranking-list-v23 .page-hero p{color:#b4adb6!important;position:relative!important;z-index:2!important}
body.mock-ranking-list-v23 .mock-v23-hero-monika{position:absolute!important;right:4px!important;bottom:36px!important;width:225px!important;height:170px!important;object-fit:cover!important;object-position:50% 8%!important;pointer-events:none!important;filter:drop-shadow(0 0 18px rgba(255,56,145,.12))!important;z-index:0!important;mask-image:linear-gradient(90deg,transparent 0,#000 28%,#000 100%)!important}
body.mock-ranking-list-v23 .trend-page-nav{display:flex!important;gap:9px!important;overflow-x:auto!important;scrollbar-width:none!important;position:relative!important;z-index:3!important}
body.mock-ranking-list-v23 .trend-page-nav::-webkit-scrollbar{display:none!important}
body.mock-ranking-list-v23 .trend-page-nav a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:1px solid #38323f!important;background:linear-gradient(180deg,#0d0d14,#0a0b11)!important;color:#c2bbc5!important;box-shadow:none!important;white-space:nowrap!important}
body.mock-ranking-list-v23 .trend-page-nav a.mock-v23-current-tab{border-color:#ff5fa2!important;background:linear-gradient(135deg,rgba(255,71,151,.20),rgba(255,71,151,.065))!important;color:#ff9bc1!important;box-shadow:0 0 0 1px rgba(255,95,162,.15),0 0 22px rgba(255,59,142,.13)!important}
body.mock-ranking-list-v23 .trend-page-nav .mock-v23-brand-mark{width:18px!important;height:18px!important;flex:0 0 auto!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.mock-ranking-list-v23 .trend-page-nav .mock-v23-twitch-mark{color:#9146ff!important;fill:currentColor!important;stroke:none!important}
body.mock-ranking-list-v23 .trend-page-nav .mock-v23-youtube-mark{width:20px!important;height:20px!important;stroke:none!important}
body.mock-ranking-list-v23 .rank-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
body.mock-ranking-list-v23 .rank-grid .mock-v23-list-card{position:relative!important;overflow:hidden!important;min-height:174px!important;display:grid!important;grid-template-columns:132px minmax(0,1fr)!important;align-items:center!important;gap:22px!important;padding:18px 72px 18px 18px!important;border:1px solid rgba(255,95,162,.72)!important;border-radius:27px!important;background:radial-gradient(260px 160px at 84% 50%,rgba(105,18,60,.21),transparent 70%),linear-gradient(135deg,rgba(22,13,21,.995),rgba(9,10,15,.995))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 0 30px rgba(255,50,139,.045)!important}
body.mock-ranking-list-v23 .rank-grid .mock-v23-list-card::after{content:''!important;position:absolute!important;right:-5px!important;bottom:-8px!important;width:120px!important;height:108px!important;opacity:.40!important;background-image:radial-gradient(circle,rgba(255,92,160,.42) 0 1.4px,transparent 1.6px)!important;background-size:14px 14px!important;mask-image:linear-gradient(135deg,transparent 3%,#000 56%,#000 100%)!important;pointer-events:none!important}
body.mock-ranking-list-v23 .rank-grid .mock-v23-list-card .mock-v23-card-spark{position:absolute!important;right:77px!important;bottom:34px!important;width:14px!important;height:14px!important;z-index:2!important;pointer-events:none!important}
body.mock-ranking-list-v23 .rank-grid .mock-v23-list-card .mock-v23-card-spark::before{content:'✦'!important;position:absolute!important;color:#ff68a7!important;font-size:20px!important;line-height:1!important;text-shadow:0 0 12px rgba(255,74,151,.45)!important}
body.mock-ranking-list-v23 .rank-grid .game-thumb{position:relative!important;z-index:2!important;width:132px!important;height:132px!important;border-radius:25px!important;border:1px solid rgba(255,95,162,.62)!important;box-shadow:0 0 20px rgba(255,52,142,.10)!important;object-fit:cover!important}
body.mock-ranking-list-v23 .rank-grid .game-card-content{position:relative!important;z-index:2!important;min-width:0!important;align-self:center!important}
body.mock-ranking-list-v23 .rank-grid .game-topline{display:flex!important;align-items:flex-start!important;gap:13px!important;padding-right:4px!important}
body.mock-ranking-list-v23 .rank-grid .rank-no{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;height:38px!important;min-width:53px!important;padding:0 10px!important;border-radius:13px!important;border:1px solid rgba(255,95,162,.65)!important;background:linear-gradient(145deg,rgba(255,79,151,.24),rgba(81,22,54,.44))!important;color:#ff9bc1!important;box-shadow:0 0 17px rgba(255,67,148,.08)!important;font-size:16px!important;font-weight:900!important}
body.mock-ranking-list-v23 .rank-grid .mock-v23-new-badge{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;height:34px!important;padding:0 11px!important;border-radius:12px!important;border:1px solid rgba(255,95,162,.63)!important;background:rgba(255,82,151,.14)!important;color:#ff9bc1!important;font-size:12px!important;font-weight:1000!important;letter-spacing:.08em!important}
body.mock-ranking-list-v23 .rank-grid .game-card b{color:#fff!important;font-size:24px!important;line-height:1.17!important;font-weight:900!important;letter-spacing:-.035em!important;min-width:0!important}
body.mock-ranking-list-v23 .rank-grid .small{display:block!important;margin-top:10px!important;color:#aaa2ad!important;font-size:15px!important;line-height:1.4!important}
body.mock-ranking-list-v23 .rank-grid .pill{font-size:14px!important;font-weight:900!important;padding:8px 13px!important;margin-top:11px!important}
body.mock-ranking-list-v23 .rank-grid .pill.ok{background:rgba(25,101,62,.25)!important;color:#59e995!important}
body.mock-ranking-list-v23 .rank-grid .pill.unknown{background:#1a1820!important;color:#aaa4ad!important}
body.mock-ranking-list-v23 .rank-grid .pill.ng{background:rgba(137,30,43,.25)!important;color:#ff818f!important}
body.mock-ranking-list-v23 .rank-grid .pill-hint{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;margin-top:9px!important;max-width:640px!important;color:#d3c7bd!important;font-size:13px!important;line-height:1.55!important}
body.mock-ranking-list-v23 .rank-grid .card-fav-btn{z-index:4!important;right:18px!important;top:18px!important;transform:none!important;width:56px!important;height:56px!important;border:1px solid rgba(255,95,162,.72)!important;background:rgba(12,12,18,.94)!important;color:#ff87b6!important;font-size:29px!important;box-shadow:0 0 20px rgba(255,63,145,.10)!important}
body.mock-ranking-list-v23 .rank-grid .card-fav-btn:active{transform:scale(.94)!important}
body.mock-ranking-list-v23 .rank-grid .card-fav-btn.active{background:rgba(91,24,57,.58)!important;color:#ff91bd!important}
body.mock-ranking-list-v23 .rank-grid .mock-v23-search-card{grid-template-columns:132px minmax(0,1fr)!important}
body.mock-ranking-list-v23 .rank-grid .mock-v23-search-art{position:relative!important;z-index:2!important;width:132px!important;height:132px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,95,162,.60)!important;border-radius:25px!important;background:radial-gradient(circle at 50% 45%,rgba(255,80,151,.16),transparent 66%),#0d0d14!important;color:#ff86b5!important;box-shadow:0 0 20px rgba(255,52,142,.08)!important}
body.mock-ranking-list-v23 .rank-grid .mock-v23-search-art .mock-v23-brand-mark{width:50px!important;height:50px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.5!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.mock-ranking-list-v23 .rank-grid .mock-v23-search-card .rank-no{margin-right:0!important}
body.mock-ranking-list-v23 .rank-grid .mock-v23-card-arrow{position:absolute!important;right:24px!important;top:50%!important;transform:translateY(-50%)!important;color:#ff8ab7!important;font-size:35px!important;font-weight:300!important;z-index:4!important}
body.mock-ranking-list-v23 .context-link-hub{border:1px solid rgba(255,95,162,.30)!important;background:linear-gradient(145deg,rgba(20,13,20,.96),rgba(9,9,14,.98))!important}
body.mock-ranking-list-v23 .bottom-nav{border:1px solid rgba(255,95,162,.27)!important;border-bottom:0!important;background:rgba(9,9,14,.985)!important;box-shadow:0 -14px 30px rgba(0,0,0,.23)!important}
body.mock-ranking-list-v23 .bottom-nav-item{color:#8d8790!important}
body.mock-ranking-list-v23 .bottom-nav-item[data-nav="ranking"],body.mock-ranking-list-v23 .bottom-nav-item.active{color:#ff82b6!important}
body.mock-ranking-list-v23 .bottom-nav-item[data-nav="ranking"] svg,body.mock-ranking-list-v23 .bottom-nav-item.active svg{stroke:#ff82b6!important;filter:drop-shadow(0 0 7px rgba(255,84,157,.18))!important}
body.mock-ranking-list-v23 .footer{display:none!important}

@media(max-width:700px){
body.mock-ranking-list-v23 .header{height:96px!important}
body.mock-ranking-list-v23 .header-inner{height:96px!important;padding:0 18px!important}
body.mock-ranking-list-v23 .logo{font-size:27px!important}
body.mock-ranking-list-v23 .header-icon-btn{width:50px!important;height:50px!important}
body.mock-ranking-list-v23 .breadcrumb{padding-left:18px!important;padding-right:18px!important;font-size:9px!important}
body.mock-ranking-list-v23 main.container{padding-left:18px!important;padding-right:18px!important;padding-bottom:94px!important}
body.mock-ranking-list-v23 .page-hero{padding:24px 0 18px!important}
body.mock-ranking-list-v23 .page-hero .eyebrow{font-size:9px!important;padding:7px 12px!important;border-radius:999px!important}
body.mock-ranking-list-v23 .page-hero .eyebrow .mock-v23-brand-mark{width:14px!important;height:14px!important}
body.mock-ranking-list-v23 .page-hero h1{font-size:34px!important;margin:18px 0 13px!important;max-width:330px!important}
body.mock-ranking-list-v23 .page-hero p{font-size:12px!important;line-height:1.75!important;max-width:330px!important}
body.mock-ranking-list-v23 .mock-v23-hero-monika{width:150px!important;height:116px!important;right:-17px!important;bottom:33px!important;opacity:.98!important}
body.mock-ranking-list-v23 .trend-page-nav{gap:7px!important;margin-right:-18px!important;padding-right:18px!important;margin-top:16px!important;margin-bottom:17px!important}
body.mock-ranking-list-v23 .trend-page-nav a{min-height:44px!important;padding:9px 13px!important;border-radius:15px!important;font-size:9.5px!important;font-weight:900!important}
body.mock-ranking-list-v23 .trend-page-nav .mock-v23-brand-mark{width:15px!important;height:15px!important}
body.mock-ranking-list-v23 .rank-grid{gap:12px!important;padding-bottom:14px!important}
body.mock-ranking-list-v23 .rank-grid .mock-v23-list-card{min-height:140px!important;grid-template-columns:102px minmax(0,1fr)!important;gap:14px!important;padding:14px 52px 14px 14px!important;border-radius:21px!important}
body.mock-ranking-list-v23 .rank-grid .game-thumb{width:102px!important;height:102px!important;border-radius:19px!important}
body.mock-ranking-list-v23 .rank-grid .rank-no{height:31px!important;min-width:43px!important;padding:0 8px!important;border-radius:10px!important;font-size:12px!important}
body.mock-ranking-list-v23 .rank-grid .mock-v23-new-badge{height:28px!important;padding:0 8px!important;border-radius:9px!important;font-size:9px!important}
body.mock-ranking-list-v23 .rank-grid .game-topline{gap:9px!important}
body.mock-ranking-list-v23 .rank-grid .game-card b{font-size:17px!important;line-height:1.14!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
body.mock-ranking-list-v23 .rank-grid .small{font-size:10.5px!important;margin-top:6px!important}
body.mock-ranking-list-v23 .rank-grid .pill{font-size:10.5px!important;padding:6px 9px!important;margin-top:7px!important}
body.mock-ranking-list-v23 .rank-grid .pill-hint{font-size:9.5px!important;line-height:1.48!important;margin-top:6px!important;-webkit-line-clamp:2!important}
body.mock-ranking-list-v23 .rank-grid .card-fav-btn{right:10px!important;top:12px!important;width:41px!important;height:41px!important;font-size:22px!important}
body.mock-ranking-list-v23 .rank-grid .mock-v23-list-card .mock-v23-card-spark{right:48px!important;bottom:19px!important}
body.mock-ranking-list-v23 .rank-grid .mock-v23-list-card .mock-v23-card-spark::before{font-size:16px!important}
body.mock-ranking-list-v23 .rank-grid .mock-v23-search-card{grid-template-columns:102px minmax(0,1fr)!important}
body.mock-ranking-list-v23 .rank-grid .mock-v23-search-art{width:102px!important;height:102px!important;border-radius:19px!important}
body.mock-ranking-list-v23 .rank-grid .mock-v23-search-art .mock-v23-brand-mark{width:42px!important;height:42px!important}
body.mock-ranking-list-v23 .rank-grid .mock-v23-card-arrow{right:17px!important;font-size:27px!important}
body.mock-ranking-list-v23 .bottom-nav{height:76px!important;padding:7px 10px calc(7px + env(safe-area-inset-bottom))!important;border-radius:21px 21px 0 0!important}
body.mock-ranking-list-v23 .bottom-nav-item{font-size:8.5px!important;gap:3px!important}
body.mock-ranking-list-v23 .bottom-nav-item svg{width:24px!important;height:24px!important}
}

/* v23.1 compact/mobile parity corrections after real render QA */
body.mock-ranking-list-v23 .trend-page-nav a[aria-hidden="true"]{display:none!important}
body.mock-ranking-list-v23 .rank-grid .mock-v23-search-topline{display:flex!important;align-items:center!important;gap:10px!important}
body.mock-ranking-list-v23 .rank-grid .mock-v23-search-card .game-card-content{align-self:center!important}
body.mock-ranking-list-v23 .rank-grid .mock-v23-search-card .game-card-content>b{margin-top:7px!important}
@media(max-width:700px){
body.mock-ranking-list-v23 .header{height:74px!important}
body.mock-ranking-list-v23 .header-inner{height:74px!important;padding:0 18px!important}
body.mock-ranking-list-v23 .header-icon-btn{width:42px!important;height:42px!important}
body.mock-ranking-list-v23 .page-hero{padding:20px 0 15px!important}
body.mock-ranking-list-v23 .page-hero h1{font-size:29px!important;margin:15px 0 11px!important;max-width:365px!important}
body.mock-ranking-list-v23 .page-hero p{font-size:11px!important;line-height:1.68!important;max-width:360px!important}
body.mock-ranking-list-v23 .mock-v23-hero-monika{width:142px!important;height:108px!important;right:-14px!important;bottom:26px!important}
body.mock-ranking-list-v23 .trend-page-nav{gap:7px!important;margin-top:13px!important;margin-bottom:15px!important}
body.mock-ranking-list-v23 .trend-page-nav a{min-height:38px!important;padding:7px 11px!important;border-radius:14px!important;font-size:9px!important;gap:6px!important}
body.mock-ranking-list-v23 .trend-page-nav .mock-v23-brand-mark{width:14px!important;height:14px!important}
body.mock-ranking-list-v23 .rank-grid{gap:11px!important}
body.mock-ranking-list-v23 .rank-grid .mock-v23-list-card{min-height:122px!important;grid-template-columns:88px minmax(0,1fr)!important;gap:13px!important;padding:11px 46px 11px 11px!important;border-radius:19px!important}
body.mock-ranking-list-v23 .rank-grid .game-thumb{width:88px!important;height:88px!important;border-radius:17px!important}
body.mock-ranking-list-v23 .rank-grid .rank-no{height:29px!important;min-width:41px!important;padding:0 7px!important;font-size:11px!important}
body.mock-ranking-list-v23 .rank-grid .game-card b{font-size:15.5px!important;line-height:1.14!important}
body.mock-ranking-list-v23 .rank-grid .small{font-size:9.8px!important;margin-top:5px!important}
body.mock-ranking-list-v23 .rank-grid .pill{font-size:9.8px!important;padding:5px 8px!important;margin-top:6px!important}
body.mock-ranking-list-v23 .rank-grid .pill-hint{font-size:8.7px!important;line-height:1.42!important;margin-top:5px!important}
body.mock-ranking-list-v23 .rank-grid .card-fav-btn{right:9px!important;top:10px!important;width:36px!important;height:36px!important;font-size:19px!important}
body.mock-ranking-list-v23 .rank-grid .mock-v23-list-card .mock-v23-card-spark{right:43px!important;bottom:15px!important}
body.mock-ranking-list-v23 .rank-grid .mock-v23-search-card{grid-template-columns:88px minmax(0,1fr)!important}
body.mock-ranking-list-v23 .rank-grid .mock-v23-search-art{width:88px!important;height:88px!important;border-radius:17px!important}
body.mock-ranking-list-v23 .rank-grid .mock-v23-search-art .mock-v23-brand-mark{width:36px!important;height:36px!important}
body.mock-ranking-list-v23 .rank-grid .mock-v23-search-topline{gap:7px!important}
body.mock-ranking-list-v23 .rank-grid .mock-v23-search-card .game-card-content>b{margin-top:4px!important}
body.mock-ranking-list-v23 .rank-grid .mock-v23-card-arrow{right:14px!important;font-size:24px!important}
body.mock-ranking-list-v23 .bottom-nav{height:66px!important;border-radius:19px 19px 0 0!important;padding-top:5px!important}
body.mock-ranking-list-v23 .bottom-nav-item{font-size:8px!important}
body.mock-ranking-list-v23 .bottom-nav-item svg{width:22px!important;height:22px!important}
}

/* ========================================================================== */
/* v24 — ranking typography restore + no Monika                               */
/* Visual-only correction. Existing public/API behavior is unchanged.          */
/* ========================================================================== */
body.mock-ranking-list-v23{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue","Noto Sans JP",Arial,sans-serif!important}
body.mock-ranking-list-v23 .page-hero h1{font-family:inherit!important;font-weight:700!important;letter-spacing:normal!important;max-width:none!important}
body.mock-ranking-list-v23 .page-hero p{font-family:inherit!important;font-weight:400!important;letter-spacing:normal!important;max-width:none!important}
body.mock-ranking-list-v23 .rank-grid .game-card b{font-family:inherit!important;font-weight:700!important;letter-spacing:normal!important}
body.mock-ranking-list-v23 .rank-grid .small{font-family:inherit!important;font-weight:400!important;letter-spacing:normal!important}
body.mock-ranking-list-v23 .trend-page-nav a{font-family:inherit!important}
body.mock-ranking-list-v23 .rank-grid .pill{font-family:inherit!important}
body.mock-ranking-list-v23 .rank-grid .rank-no{font-family:inherit!important}
body.mock-ranking-list-v23 .bottom-nav-item{font-family:inherit!important}
body.mock-ranking-list-v23 .mock-v23-hero-monika{display:none!important}
body.mock-ranking-list-v23 .mock-v17-hero-monika{display:none!important}
body.mock-ranking-list-v23 .page-hero{padding-right:0!important}

/* ========================================================================== */
/* v25 — ranking tabs visibility + unified pink game cards                    */
/* Visual-only correction. Existing public/API behavior is unchanged.          */
/* ========================================================================== */

/* Ranking tabs: keep all five destinations fully visible on mobile. */
@media(max-width:700px){
  body.mock-ranking-list-v23 .trend-page-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important;width:100%!important;margin-right:0!important;padding-right:0!important;overflow:visible!important;}
  body.mock-ranking-list-v23 .trend-page-nav a{width:100%!important;min-width:0!important;min-height:36px!important;padding:6px 3px!important;gap:3px!important;border-radius:12px!important;font-size:7.5px!important;line-height:1!important;letter-spacing:0!important;overflow:hidden!important;}
  body.mock-ranking-list-v23 .trend-page-nav a span{min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;}
  body.mock-ranking-list-v23 .trend-page-nav .mock-v23-brand-mark{width:11px!important;height:11px!important;flex:0 0 11px!important;}
  body.mock-ranking-list-v23 .trend-page-nav .mock-v23-youtube-mark{width:12px!important;height:12px!important;flex-basis:12px!important;}
}

/* Home featured games: make each individual tile feel like the neon-pink card system. */
body.home-v6 #homeGames .game-card{padding:4px!important;border:1px solid rgba(255,95,162,.52)!important;border-radius:10px!important;background:radial-gradient(110px 80px at 50% 5%,rgba(255,95,162,.10),transparent 70%),linear-gradient(180deg,rgba(20,13,21,.98),rgba(10,10,15,.98))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 0 14px rgba(255,74,151,.055)!important;overflow:hidden!important;}
body.home-v6 #homeGames .game-card:hover{border-color:rgba(255,95,162,.76)!important;box-shadow:0 0 18px rgba(255,74,151,.09)!important;}
body.home-v6 #homeGames .game-thumb,body.home-v6 #homeGames .cover-fallback{border-color:rgba(255,95,162,.62)!important;box-shadow:0 0 12px rgba(255,74,151,.075)!important;}
body.home-v6 #homeGames .game-topline b{color:#f4eaf0!important;}

/* Home secondary game/related cards: stronger pink edge and subtle wine glow. */
body.home-v6 .home-v6-secondary .game-card{border-color:rgba(255,95,162,.50)!important;background:radial-gradient(220px 120px at 12% 0%,rgba(255,95,162,.075),transparent 72%),linear-gradient(135deg,rgba(20,14,22,.98),rgba(10,11,16,.98))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 0 18px rgba(255,74,151,.035)!important;}
body.home-v6 .home-v6-secondary .related-card{border-color:rgba(255,95,162,.50)!important;background:radial-gradient(220px 120px at 12% 0%,rgba(255,95,162,.075),transparent 72%),linear-gradient(135deg,rgba(20,14,22,.98),rgba(10,11,16,.98))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 0 18px rgba(255,74,151,.035)!important;}

/* Game search / list cards. */
body.mock-neo-games #gameList .game-card{border-color:rgba(255,95,162,.54)!important;background:radial-gradient(230px 140px at 82% 35%,rgba(255,95,162,.075),transparent 70%),linear-gradient(135deg,rgba(22,14,22,.995),rgba(9,10,15,.995))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 0 20px rgba(255,74,151,.04)!important;}
body.mock-neo-games #gameList .game-card:hover{border-color:rgba(255,95,162,.78)!important;box-shadow:0 0 24px rgba(255,74,151,.08)!important;}

/* Publisher detail game list. */
body.mock-neo-publisher-detail #publisherDetailPage .game-card{border-color:rgba(255,95,162,.52)!important;background:radial-gradient(210px 120px at 86% 30%,rgba(255,95,162,.07),transparent 72%),linear-gradient(135deg,rgba(21,14,22,.99),rgba(9,10,15,.99))!important;box-shadow:0 0 18px rgba(255,74,151,.035)!important;}

/* Game-detail related/recommended game cards. */
body.mock-game-detail-v3 .related-card{border-color:rgba(255,95,162,.50)!important;background:radial-gradient(180px 100px at 50% 0%,rgba(255,95,162,.07),transparent 72%),linear-gradient(145deg,rgba(21,14,22,.98),rgba(9,10,15,.98))!important;box-shadow:0 0 16px rgba(255,74,151,.035)!important;}

/* Mypage favorites: use the same pink card surface without touching behavior. */
body.mock-mypage[data-mypage-tab='favorites'] .mypage-fav-row .game-card{border-color:rgba(255,95,162,.52)!important;background:radial-gradient(220px 130px at 86% 35%,rgba(255,95,162,.075),transparent 72%),linear-gradient(135deg,rgba(21,14,22,.99),rgba(9,10,15,.99))!important;box-shadow:0 0 18px rgba(255,74,151,.035)!important;}

/* ========================================================================== */
/* v26 — ranking mock fidelity pass                                            */
/* Visual-only. No API/auth/search/favorite logic is changed.                  */
/* ========================================================================== */
body.mock-ranking-v26{--v26-pink:#ff5fa2;--v26-pink-soft:#ff9ac0;--v26-wine:#2a0e1c;--v26-card:#100d14;--v26-muted:#aaa2ac;background:radial-gradient(620px 360px at 54% 18%,rgba(99,17,55,.17),transparent 72%),linear-gradient(180deg,#08080d 0%,#09070c 52%,#08080d 100%)!important;color:#fff!important}
body.mock-ranking-v26 .header{background:#08090d!important;border-bottom:1px solid rgba(255,95,162,.12)!important}
body.mock-ranking-v26 .logo{font-family:inherit!important;font-weight:900!important;letter-spacing:-.055em!important}
body.mock-ranking-v26 .header-icon-btn{border:1px solid rgba(255,95,162,.46)!important;background:#0d0d13!important;box-shadow:0 0 0 1px rgba(255,95,162,.02),0 0 22px rgba(255,62,144,.055)!important}
body.mock-ranking-v26 .breadcrumb{color:#9d959f!important}
body.mock-ranking-v26 main.container{max-width:900px!important}
body.mock-ranking-v26 .page-hero{position:relative!important;padding-right:0!important}
body.mock-ranking-v26 .page-hero::after{content:''!important;position:absolute!important;right:-24px!important;top:28px!important;width:160px!important;height:130px!important;opacity:.30!important;background-image:radial-gradient(circle,rgba(255,92,160,.34) 0 1.1px,transparent 1.4px)!important;background-size:16px 16px!important;mask-image:linear-gradient(135deg,transparent 15%,#000 65%,#000)!important;pointer-events:none!important}
body.mock-ranking-v26 .page-hero .eyebrow{display:inline-flex!important;align-items:center!important;gap:0!important;border:1px solid rgba(255,95,162,.68)!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(255,95,162,.085),rgba(255,95,162,.02))!important;color:#ff9bc1!important;box-shadow:0 0 18px rgba(255,70,151,.07)!important;font-family:inherit!important;font-weight:800!important;letter-spacing:.095em!important}
body.mock-ranking-v26 .page-hero .eyebrow .mock-v23-brand-mark{display:none!important}
body.mock-ranking-v26 .page-hero h1{font-family:inherit!important;font-weight:700!important;letter-spacing:normal!important;color:#fff!important;background:none!important;-webkit-text-fill-color:initial!important}
body.mock-ranking-v26 .page-hero h1 .mock-v23-title-accent{background:linear-gradient(100deg,#fff 0%,#ffd1e1 22%,#ff94bd 70%,#ff5fa2 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
body.mock-ranking-v26 .page-hero p{font-family:inherit!important;font-weight:400!important;letter-spacing:normal!important;color:#b5aeb7!important}
body.mock-ranking-v26 .mock-v23-hero-monika{display:none!important}
body.mock-ranking-v26 .mock-v17-hero-monika{display:none!important}
body.mock-ranking-v26 .trend-page-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;width:100%!important;overflow:visible!important;margin-right:0!important;padding-right:0!important}
body.mock-ranking-v26 .trend-page-nav a{width:100%!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid #37323d!important;background:linear-gradient(180deg,#0e0e15,#0a0b10)!important;color:#beb7c0!important;box-shadow:none!important;font-family:inherit!important;font-weight:700!important;letter-spacing:normal!important;white-space:nowrap!important;overflow:hidden!important}
body.mock-ranking-v26 .trend-page-nav a.mock-v23-current-tab{border-color:#ff5fa2!important;background:linear-gradient(135deg,rgba(255,71,151,.18),rgba(255,71,151,.055))!important;color:#ff9bc1!important;box-shadow:0 0 0 1px rgba(255,95,162,.12),0 0 22px rgba(255,59,142,.11)!important}
body.mock-ranking-v26 .trend-page-nav a span{min-width:0!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}
body.mock-ranking-v26 .trend-page-nav .mock-v23-brand-mark{flex:0 0 auto!important}
body.mock-ranking-v26 .trend-page-nav .mock-v23-twitch-mark{color:#9146ff!important;fill:currentColor!important;stroke:none!important}
body.mock-ranking-v26 .trend-page-nav .mock-v23-youtube-mark{color:#ff0033!important;stroke:none!important}
body.mock-ranking-v26 .rank-grid{display:grid!important;grid-template-columns:1fr!important}
body.mock-ranking-v26 .rank-grid .mock-v23-list-card{position:relative!important;overflow:hidden!important;display:grid!important;align-items:center!important;border:1px solid rgba(255,95,162,.76)!important;background:radial-gradient(220px 130px at 88% 50%,rgba(112,20,65,.20),transparent 72%),linear-gradient(135deg,rgba(22,13,21,.995),rgba(9,10,15,.995))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.022),0 0 22px rgba(255,52,142,.04)!important}
body.mock-ranking-v26 .rank-grid .mock-v23-list-card::after{content:''!important;position:absolute!important;right:-4px!important;bottom:-8px!important;opacity:.40!important;background-image:radial-gradient(circle,rgba(255,92,160,.40) 0 1.3px,transparent 1.6px)!important;background-size:14px 14px!important;mask-image:linear-gradient(135deg,transparent 4%,#000 57%,#000 100%)!important;pointer-events:none!important}
body.mock-ranking-v26 .rank-grid .mock-v23-list-card .mock-v23-card-spark{position:absolute!important;z-index:2!important;pointer-events:none!important}
body.mock-ranking-v26 .rank-grid .mock-v23-list-card .mock-v23-card-spark::before{content:'✦'!important;color:#ff69aa!important;line-height:1!important;text-shadow:0 0 10px rgba(255,74,151,.38)!important}
body.mock-ranking-v26 .rank-grid .game-thumb{position:relative!important;z-index:2!important;object-fit:cover!important;border:1px solid rgba(255,95,162,.62)!important;box-shadow:0 0 15px rgba(255,52,142,.085)!important}
body.mock-ranking-v26 .rank-grid .game-card-content{position:relative!important;z-index:2!important;min-width:0!important;align-self:center!important}
body.mock-ranking-v26 .rank-grid .game-topline{display:flex!important;align-items:flex-start!important;min-width:0!important}
body.mock-ranking-v26 .rank-grid .rank-no{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(255,95,162,.66)!important;background:linear-gradient(145deg,rgba(255,79,151,.22),rgba(81,22,54,.42))!important;color:#ff9bc1!important;box-shadow:0 0 15px rgba(255,67,148,.07)!important;font-family:inherit!important;font-weight:800!important;letter-spacing:normal!important}
body.mock-ranking-v26 .rank-grid .mock-v23-new-badge{flex:0 0 auto!important;border:1px solid rgba(255,95,162,.66)!important;background:linear-gradient(145deg,rgba(255,79,151,.22),rgba(81,22,54,.42))!important;color:#ff9bc1!important;font-family:inherit!important;font-weight:800!important;letter-spacing:.05em!important}
body.mock-ranking-v26 .rank-grid .game-card b{color:#fff!important;font-family:inherit!important;font-weight:700!important;letter-spacing:normal!important;min-width:0!important}
body.mock-ranking-v26 .rank-grid .small{font-family:inherit!important;font-weight:400!important;letter-spacing:normal!important;color:#aaa2ad!important}
body.mock-ranking-v26 .rank-grid .pill{font-family:inherit!important;font-weight:700!important;letter-spacing:normal!important}
body.mock-ranking-v26 .rank-grid .pill.ok{background:rgba(28,104,65,.26)!important;color:#55e88f!important}
body.mock-ranking-v26 .rank-grid .pill.unknown{background:#1a1820!important;color:#aaa4ad!important}
body.mock-ranking-v26 .rank-grid .pill.ng{background:rgba(137,30,43,.25)!important;color:#ff818f!important}
body.mock-ranking-v26 .rank-grid .pill-hint{font-family:inherit!important;font-weight:400!important;letter-spacing:normal!important;color:#d0c3bb!important}
body.mock-ranking-v26 .rank-grid .card-fav-btn{z-index:4!important;border:1px solid rgba(255,95,162,.75)!important;background:rgba(12,12,18,.95)!important;color:#ff87b6!important;box-shadow:0 0 18px rgba(255,63,145,.09)!important}
body.mock-ranking-v26 .rank-grid .card-fav-btn.active{background:rgba(91,24,57,.58)!important;color:#ff91bd!important}
body.mock-ranking-v26 .rank-grid .mock-v23-search-card{border-color:rgba(255,95,162,.76)!important}
body.mock-ranking-v26 .rank-grid .mock-v23-search-art{border:1px solid rgba(255,95,162,.62)!important;background:radial-gradient(circle at 50% 40%,rgba(255,95,162,.16),transparent 63%),linear-gradient(135deg,#17101a,#0b0c12)!important;color:#ff81b4!important;box-shadow:0 0 15px rgba(255,52,142,.08)!important}
body.mock-ranking-v26 .bottom-nav{background:rgba(7,8,12,.985)!important;border:1px solid rgba(255,95,162,.24)!important;border-bottom:0!important;box-shadow:0 -12px 28px rgba(0,0,0,.22)!important}
body.mock-ranking-v26 .bottom-nav-item{font-family:inherit!important;color:#8e8791!important}
body.mock-ranking-v26 .bottom-nav-item[data-nav="ranking"].active{color:#ff82b6!important}
body.mock-ranking-v26 .bottom-nav-item[data-nav="ranking"].active svg{stroke:#ff82b6!important;filter:drop-shadow(0 0 6px rgba(255,84,157,.16))!important}
body.mock-ranking-v26 .footer{display:none!important}

@media(min-width:701px){
body.mock-ranking-v26 .header{height:74px!important}
body.mock-ranking-v26 .header-inner{height:74px!important}
body.mock-ranking-v26 .logo{font-size:28px!important}
body.mock-ranking-v26 .header-icon-btn{width:46px!important;height:46px!important}
body.mock-ranking-v26 .breadcrumb{padding-top:15px!important;font-size:12px!important}
body.mock-ranking-v26 .page-hero{padding:22px 0 18px!important}
body.mock-ranking-v26 .page-hero .eyebrow{min-height:38px!important;padding:0 17px!important;font-size:12px!important}
body.mock-ranking-v26 .page-hero h1{font-size:42px!important;line-height:1.08!important;margin:18px 0 13px!important}
body.mock-ranking-v26 .page-hero p{font-size:15px!important;line-height:1.7!important}
body.mock-ranking-v26 .trend-page-nav{gap:10px!important;margin:0 0 20px!important}
body.mock-ranking-v26 .trend-page-nav a{min-height:50px!important;padding:10px 10px!important;border-radius:17px!important;font-size:12px!important;gap:7px!important}
body.mock-ranking-v26 .trend-page-nav .mock-v23-brand-mark{width:17px!important;height:17px!important}
body.mock-ranking-v26 .trend-page-nav .mock-v23-youtube-mark{width:19px!important;height:19px!important}
body.mock-ranking-v26 .rank-grid{gap:14px!important}
body.mock-ranking-v26 .rank-grid .mock-v23-list-card{min-height:166px!important;grid-template-columns:126px minmax(0,1fr)!important;gap:21px!important;padding:17px 70px 17px 17px!important;border-radius:26px!important}
body.mock-ranking-v26 .rank-grid .mock-v23-list-card::after{width:118px!important;height:106px!important}
body.mock-ranking-v26 .rank-grid .mock-v23-list-card .mock-v23-card-spark{right:73px!important;bottom:31px!important}
body.mock-ranking-v26 .rank-grid .mock-v23-list-card .mock-v23-card-spark::before{font-size:19px!important}
body.mock-ranking-v26 .rank-grid .game-thumb{width:126px!important;height:126px!important;border-radius:24px!important}
body.mock-ranking-v26 .rank-grid .game-topline{gap:13px!important}
body.mock-ranking-v26 .rank-grid .rank-no{height:37px!important;min-width:52px!important;padding:0 10px!important;border-radius:13px!important;font-size:15px!important}
body.mock-ranking-v26 .rank-grid .mock-v23-new-badge{height:35px!important;padding:0 11px!important;border-radius:12px!important;font-size:12px!important}
body.mock-ranking-v26 .rank-grid .game-card b{font-size:22px!important;line-height:1.16!important}
body.mock-ranking-v26 .rank-grid .small{font-size:14px!important;margin-top:9px!important}
body.mock-ranking-v26 .rank-grid .pill{font-size:13px!important;padding:7px 12px!important;margin-top:10px!important}
body.mock-ranking-v26 .rank-grid .pill-hint{font-size:12px!important;line-height:1.52!important;margin-top:8px!important;max-width:620px!important}
body.mock-ranking-v26 .rank-grid .card-fav-btn{right:17px!important;top:17px!important;width:54px!important;height:54px!important;font-size:28px!important}
body.mock-ranking-v26 .rank-grid .mock-v23-search-art{width:126px!important;height:126px!important;border-radius:24px!important}
body.mock-ranking-v26 .rank-grid .mock-v23-search-art .mock-v23-brand-mark{width:46px!important;height:46px!important}
body.mock-ranking-v26 .bottom-nav{height:76px!important;border-radius:22px 22px 0 0!important}
}

@media(max-width:700px){
body.mock-ranking-v26 .header{height:62px!important}
body.mock-ranking-v26 .header-inner{height:62px!important;padding:0 15px!important}
body.mock-ranking-v26 .logo{font-size:25px!important}
body.mock-ranking-v26 .header-icon-btn{width:40px!important;height:40px!important}
body.mock-ranking-v26 .header-icon-btn svg{width:21px!important;height:21px!important}
body.mock-ranking-v26 .breadcrumb{padding:11px 14px 0!important;font-size:8.5px!important;gap:7px!important}
body.mock-ranking-v26 main.container{max-width:none!important;padding-left:14px!important;padding-right:14px!important;padding-bottom:82px!important}
body.mock-ranking-v26 .page-hero{padding:15px 0 12px!important}
body.mock-ranking-v26 .page-hero::after{right:-15px!important;top:18px!important;width:105px!important;height:96px!important;opacity:.25!important;background-size:13px 13px!important}
body.mock-ranking-v26 .page-hero .eyebrow{min-height:26px!important;padding:0 12px!important;font-size:8.7px!important;letter-spacing:.095em!important}
body.mock-ranking-v26 .page-hero h1{font-size:30px!important;line-height:1.08!important;margin:12px 0 9px!important;max-width:none!important}
body.mock-ranking-v26 .page-hero p{font-size:10.7px!important;line-height:1.58!important;max-width:none!important;margin:0!important}
body.mock-ranking-v26 .trend-page-nav{gap:5px!important;margin:9px 0 12px!important}
body.mock-ranking-v26 .trend-page-nav a{min-height:38px!important;padding:6px 2px!important;border-radius:13px!important;font-size:8.4px!important;line-height:1!important;gap:3.5px!important}
body.mock-ranking-v26 .trend-page-nav .mock-v23-brand-mark{width:12px!important;height:12px!important;flex:0 0 12px!important}
body.mock-ranking-v26 .trend-page-nav .mock-v23-youtube-mark{width:13px!important;height:13px!important;flex-basis:13px!important}
body.mock-ranking-v26 .rank-grid{gap:9px!important}
body.mock-ranking-v26 .rank-grid .mock-v23-list-card{min-height:118px!important;grid-template-columns:88px minmax(0,1fr)!important;gap:13px!important;padding:10px 45px 10px 10px!important;border-radius:18px!important}
body.mock-ranking-v26 .rank-grid .mock-v23-list-card::after{width:86px!important;height:78px!important;right:-7px!important;bottom:-7px!important;background-size:12px 12px!important;opacity:.34!important}
body.mock-ranking-v26 .rank-grid .mock-v23-list-card .mock-v23-card-spark{right:40px!important;bottom:14px!important;width:12px!important;height:12px!important}
body.mock-ranking-v26 .rank-grid .mock-v23-list-card .mock-v23-card-spark::before{font-size:16px!important}
body.mock-ranking-v26 .rank-grid .game-thumb{width:88px!important;height:88px!important;border-radius:17px!important}
body.mock-ranking-v26 .rank-grid .game-topline{gap:8px!important;padding-right:1px!important}
body.mock-ranking-v26 .rank-grid .rank-no{height:28px!important;min-width:40px!important;padding:0 7px!important;border-radius:10px!important;font-size:10.7px!important}
body.mock-ranking-v26 .rank-grid .mock-v23-new-badge{height:28px!important;padding:0 8px!important;border-radius:10px!important;font-size:9.4px!important}
body.mock-ranking-v26 .rank-grid .game-card b{font-size:15.7px!important;line-height:1.13!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important}
body.mock-ranking-v26 .rank-grid .small{font-size:10.2px!important;line-height:1.35!important;margin-top:5px!important}
body.mock-ranking-v26 .rank-grid .pill{font-size:10px!important;line-height:1!important;padding:5px 8px!important;margin-top:6px!important;border-radius:999px!important}
body.mock-ranking-v26 .rank-grid .pill-hint{font-size:8.8px!important;line-height:1.38!important;margin-top:5px!important;-webkit-line-clamp:2!important;max-width:260px!important}
body.mock-ranking-v26 .rank-grid .card-fav-btn{right:9px!important;top:9px!important;width:37px!important;height:37px!important;font-size:19px!important}
body.mock-ranking-v26 .rank-grid .mock-v23-search-art{width:88px!important;height:88px!important;border-radius:17px!important}
body.mock-ranking-v26 .rank-grid .mock-v23-search-art .mock-v23-brand-mark{width:34px!important;height:34px!important}
body.mock-ranking-v26 .rank-grid .mock-v23-card-arrow{right:13px!important;font-size:23px!important}
body.mock-ranking-v26 .bottom-nav{height:66px!important;padding:5px 8px calc(5px + env(safe-area-inset-bottom))!important;border-radius:18px 18px 0 0!important}
body.mock-ranking-v26 .bottom-nav-item{font-size:8px!important;gap:2px!important}
body.mock-ranking-v26 .bottom-nav-item svg{width:22px!important;height:22px!important}
}

/* Home featured games: preserve the approved home composition while keeping pink card edges. */
body.home-v6 #homeGames .game-card{padding:2px!important;border:1px solid rgba(255,95,162,.48)!important;border-radius:8px!important;background:linear-gradient(180deg,rgba(28,14,23,.34),rgba(8,9,13,.18))!important;box-shadow:0 0 10px rgba(255,74,151,.035)!important}
body.home-v6 #homeGames .game-thumb,body.home-v6 #homeGames .cover-fallback{border:1px solid rgba(255,95,162,.72)!important;box-shadow:0 0 10px rgba(255,74,151,.08)!important}
body.home-v6 #homeGames .game-topline b{font-family:inherit!important;font-weight:600!important;color:#e8dfe5!important}

/* v26.1 — remove legacy tab pseudo-icons; v26 uses only the explicit SVG brand/icon marks. */
body.mock-ranking-v26 .trend-page-nav a::before{content:none!important;display:none!important}
@media(max-width:700px){
body.mock-ranking-v26 .header{height:58px!important}
body.mock-ranking-v26 .header-inner{height:58px!important}
}

/* ============================================================ */
/* Ranking UI v27 — from haishin-ok-ranking-design-only-v30.zip  */
/* 5ページ(Twitch/YouTube/検索上位/VTuber/新着)の見た目を一本化。 */
/* 旧v3〜v6/v17/v23/v26のランキング関連CSSは、対応するbodyクラスの */
/* 付与自体をJS側で停止したため無害化されている（削除はしていない）。*/
/* ============================================================ */
/* ========================================================================== */
/* 配信OK？ Ranking UI v29 — DESIGN ONLY                                      */
/* Approved mobile mock fidelity: black + neon pink + compact game cards.     */
/* Merge this block at the END of dist/assets/mock-replica.css.                */
/* Do not change worker.js / public.js / existing IDs or API logic.            */
/* ========================================================================== */
/* TYPOGRAPHY POLICY: font-family / font-weight / letter-spacing are NOT overridden. */
/* Existing public.css / site typography remains authoritative. */

body.mock-ranking-v27{
  --r27-bg:#07070b;
  --r27-panel:#0d0d13;
  --r27-panel-2:#120b12;
  --r27-pink:#ff5fa2;
  --r27-pink-2:#ff8fbd;
  --r27-pink-dim:rgba(255,95,162,.45);
  --r27-text:#f7f3f6;
  --r27-muted:#aba3ae;
  --r27-line:#292630;
  --r27-green:#65f19a;
  --r27-yellow:#ffc03a;
  --r27-red:#ff5062;
  background:
    radial-gradient(circle at 94% 17%,rgba(255,31,132,.10),transparent 23%),
    linear-gradient(180deg,#07070b 0%,#09070b 44%,#07070b 100%)!important;
  color:var(--r27-text)!important;
}

body.mock-ranking-v27 .header{
  height:58px!important;
  background:rgba(6,6,10,.985)!important;
  border-bottom:1px solid rgba(255,95,162,.15)!important;
  box-shadow:none!important;
}
body.mock-ranking-v27 .header-inner{
  height:58px!important;
  padding:0 18px!important;
  max-width:1120px!important;
}
body.mock-ranking-v27 .logo{
  font-size:25px!important;
  color:#fff!important;
}
body.mock-ranking-v27 .logo span{color:var(--r27-pink)!important}
body.mock-ranking-v27 .header-actions{gap:10px!important}
body.mock-ranking-v27 .header-icon-btn{
  width:40px!important;
  height:40px!important;
  padding:0!important;
  border:1px solid rgba(255,95,162,.55)!important;
  border-radius:50%!important;
  background:#0b0b10!important;
  color:#f5eff4!important;
  box-shadow:0 0 18px rgba(255,45,139,.08)!important;
}
body.mock-ranking-v27 .header-icon-btn svg{
  width:20px!important;
  height:20px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

body.mock-ranking-v27 .container{max-width:1120px!important}
body.mock-ranking-v27 .breadcrumb{
  padding-top:12px!important;
  gap:8px!important;
  font-size:9px!important;
  line-height:1.4!important;
  color:#a69eaa!important;
}
body.mock-ranking-v27 .breadcrumb a{color:#aaa1ac!important}
body.mock-ranking-v27 .breadcrumb [aria-current="page"]{color:#e7dfe6!important;}

body.mock-ranking-v27 main.container{
  position:relative!important;
  max-width:none!important;
  padding-left:17px!important;
  padding-right:17px!important;
  padding-bottom:92px!important;
}
body.mock-ranking-v27 .page-hero{
  position:relative!important;
  isolation:isolate!important;
  padding:16px 0 9px!important;
  overflow:visible!important;
}
body.mock-ranking-v27 .page-hero::after{
  content:""!important;
  position:absolute!important;
  z-index:-2!important;
  right:-17px!important;
  top:10px!important;
  width:112px!important;
  height:120px!important;
  opacity:.62!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 76% 19%,rgba(255,94,166,.95) 0 1.5px,transparent 2.2px),
    radial-gradient(circle at 92% 64%,rgba(255,82,159,.75) 0 1.3px,transparent 2px),
    radial-gradient(circle at 55% 86%,rgba(255,82,159,.45) 0 1px,transparent 1.8px),
    linear-gradient(134deg,transparent 45%,rgba(255,34,135,.28) 46%,rgba(255,34,135,.02) 51%,transparent 52%)!important;
  background-size:26px 26px,34px 34px,22px 22px,100% 100%!important;
}
body.mock-ranking-v27 .page-hero::before{
  content:"♡  ✦"!important;
  position:absolute!important;
  right:2px!important;
  top:12px!important;
  color:rgba(255,95,162,.82)!important;
  font-size:18px!important;
  text-shadow:0 0 12px rgba(255,54,145,.45)!important;
  pointer-events:none!important;
}
body.mock-ranking-v27 .page-hero .eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  min-height:29px!important;
  padding:0 13px!important;
  margin:0!important;
  border:1px solid rgba(255,95,162,.78)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,95,162,.09),rgba(255,95,162,.025))!important;
  color:#ff9cc2!important;
  box-shadow:0 0 18px rgba(255,57,146,.10),inset 0 0 10px rgba(255,95,162,.035)!important;
  font-size:9px!important;
  line-height:1!important;
}
body.mock-ranking-v27 .page-hero .eyebrow .mock-r27-brand-mark{
  display:none!important;
}
body.mock-ranking-v27 .page-hero h1{
  margin:14px 0 8px!important;
  max-width:680px!important;
  color:#fff!important;
  background:none!important;
  -webkit-text-fill-color:initial!important;
  font-size:32px!important;
  line-height:1.08!important;
}
body.mock-ranking-v27 .page-hero h1 .mock-r27-title-accent{color:var(--r27-pink-2)!important}
body.mock-ranking-v27 .page-hero p{
  margin:0!important;
  max-width:610px!important;
  color:#c5bcc4!important;
  font-size:11.5px!important;
  line-height:1.55!important;
}

body.mock-ranking-v27 .trend-page-nav{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:6px!important;
  margin:9px 0 12px!important;
  padding:0!important;
  overflow:visible!important;
}
body.mock-ranking-v27 .trend-page-nav a{
  min-width:0!important;
  min-height:39px!important;
  padding:6px 2px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  border:1px solid #35313b!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#0d0d13,#0a0a0f)!important;
  color:#c6bec8!important;
  box-shadow:none!important;
  font-size:8.8px!important;
  line-height:1!important;
}
body.mock-ranking-v27 .trend-page-nav a::before{content:none!important;display:none!important}
body.mock-ranking-v27 .trend-page-nav a[href^="/games/rising/"],
body.mock-ranking-v27 .trend-page-nav a[href^="/guidelines/updated/"]{display:none!important}
body.mock-ranking-v27 .trend-page-nav a.mock-r27-current{
  border-color:rgba(255,95,162,.94)!important;
  background:linear-gradient(180deg,rgba(78,24,51,.76),rgba(23,12,22,.98))!important;
  color:#ff99c2!important;
  box-shadow:0 0 0 1px rgba(255,95,162,.16),0 0 18px rgba(255,54,145,.22),inset 0 0 13px rgba(255,95,162,.08)!important;
}
body.mock-ranking-v27 .trend-page-nav .mock-r27-brand-mark{
  width:13px!important;
  height:13px!important;
  flex:0 0 13px!important;
  color:currentColor!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body.mock-ranking-v27 .trend-page-nav .mock-r27-youtube-mark{
  width:14px!important;
  height:14px!important;
  flex-basis:14px!important;
}
body.mock-ranking-v27 .trend-page-nav .mock-r27-twitch-mark{color:#9146ff!important}
body.mock-ranking-v27 .trend-page-nav .mock-r27-youtube-mark{color:#ff0033!important}
body.mock-ranking-v27 .trend-page-nav a.mock-r27-current .mock-r27-brand-mark{color:#ff8fbd!important}
body.mock-ranking-v27 .trend-page-nav a.mock-r27-current .mock-r27-twitch-mark{color:#9146ff!important}
body.mock-ranking-v27 .trend-page-nav a.mock-r27-current .mock-r27-youtube-mark{color:#ff0033!important}

body.mock-ranking-v27 .rank-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  margin:0!important;
}
body.mock-ranking-v27 .rank-grid .card,
body.mock-ranking-v27 .rank-grid .game-card,
body.mock-ranking-v27 .rank-grid .search-seo-card{
}
body.mock-ranking-v27 .rank-grid .mock-r27-card{
  position:relative!important;
  isolation:isolate!important;
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  gap:13px!important;
  min-height:126px!important;
  padding:9px 43px 9px 9px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,95,162,.84)!important;
  border-radius:17px!important;
  background:
    radial-gradient(circle at 104% 26%,rgba(255,41,138,.11),transparent 32%),
    linear-gradient(135deg,rgba(31,12,24,.78),rgba(9,9,14,.97) 47%,rgba(8,8,13,.98))!important;
  box-shadow:
    0 0 0 1px rgba(255,95,162,.03),
    0 0 18px rgba(255,46,142,.07),
    inset 0 0 26px rgba(255,45,137,.025)!important;
  color:#fff!important;
  text-decoration:none!important;
  transform:none!important;
}
body.mock-ranking-v27 .rank-grid .mock-r27-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,.01),transparent 35%)!important;
}
body.mock-ranking-v27 .rank-grid .mock-r27-card::after{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  right:-8px!important;
  bottom:-8px!important;
  width:92px!important;
  height:82px!important;
  opacity:.45!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle,rgba(255,81,158,.52) 0 1px,transparent 1.7px) 0 0/12px 12px!important;
  -webkit-mask-image:linear-gradient(135deg,transparent 12%,#000 72%)!important;
  mask-image:linear-gradient(135deg,transparent 12%,#000 72%)!important;
}
body.mock-ranking-v27 .rank-grid .mock-r27-card:hover{
  border-color:rgba(255,112,178,.96)!important;
  box-shadow:0 0 0 1px rgba(255,95,162,.06),0 0 24px rgba(255,46,142,.12)!important;
  transform:none!important;
}
body.mock-ranking-v27 .rank-grid .game-thumb,
body.mock-ranking-v27 .rank-grid .cover-fallback,
body.mock-ranking-v27 .rank-grid .mock-r27-search-art{
  grid-column:1!important;
  grid-row:1!important;
  align-self:center!important;
  width:112px!important;
  height:112px!important;
  margin:0!important;
  border:1px solid rgba(255,95,162,.72)!important;
  border-radius:16px!important;
  object-fit:cover!important;
  overflow:hidden!important;
  box-shadow:0 0 14px rgba(255,47,145,.08)!important;
  background:#111119!important;
}
body.mock-ranking-v27 .rank-grid .mock-r27-search-art{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#ff8cba!important;
  background:radial-gradient(circle at 50% 40%,rgba(255,95,162,.16),transparent 62%),linear-gradient(135deg,#17101a,#0b0c12)!important;
}
body.mock-ranking-v27 .rank-grid .mock-r27-search-art svg{width:38px!important;height:38px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.65!important}
body.mock-ranking-v27 .rank-grid .game-card-content{
  grid-column:2!important;
  min-width:0!important;
  display:block!important;
  align-self:center!important;
  padding:0!important;
}
body.mock-ranking-v27 .rank-grid .game-topline,
body.mock-ranking-v27 .rank-grid .mock-r27-vtuber-topline{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  padding-right:0!important;
}
body.mock-ranking-v27 .rank-grid .game-card b,
body.mock-ranking-v27 .rank-grid .search-seo-card b{
  min-width:0!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.18!important;
  white-space:normal!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}
body.mock-ranking-v27 .rank-grid .rank-no,
body.mock-ranking-v27 .rank-grid .mock-r27-new-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-width:39px!important;
  height:28px!important;
  padding:0 7px!important;
  margin:0!important;
  border:1px solid rgba(255,95,162,.74)!important;
  border-radius:10px!important;
  background:rgba(70,25,48,.70)!important;
  color:#ff91bd!important;
  box-shadow:0 0 13px rgba(255,51,143,.08)!important;
  font-size:11px!important;
  line-height:1!important;
}
body.mock-ranking-v27 .rank-grid .mock-r27-new-badge{}
body.mock-ranking-v27 .rank-grid .small{
  display:block!important;
  margin-top:5px!important;
  color:#b9b0ba!important;
  font-size:10.5px!important;
  line-height:1.34!important;
}
body.mock-ranking-v27 .rank-grid .trend-reason{
  display:block!important;
  margin-top:6px!important;
  color:#d0c6cd!important;
  font-size:9.5px!important;
  line-height:1.45!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}
body.mock-ranking-v27 .rank-grid .trend-source{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  padding:0 8px!important;
  margin:7px 4px 0 0!important;
  border:1px solid rgba(255,95,162,.72)!important;
  border-radius:999px!important;
  color:#ff91bd!important;
  background:rgba(30,13,24,.78)!important;
  font-size:9.5px!important;
}
body.mock-ranking-v27 .rank-grid .trend-source::before{content:"▣"!important;margin-right:5px!important}
body.mock-ranking-v27 .rank-grid .pill{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:24px!important;
  padding:5px 9px!important;
  margin:7px 4px 0 0!important;
  border-radius:999px!important;
  font-size:10px!important;
  line-height:1!important;
  box-shadow:none!important;
}
body.mock-ranking-v27 .rank-grid .pill.ok{
  border:1px solid rgba(55,220,104,.62)!important;
  background:rgba(20,92,48,.32)!important;
  color:#73f6a0!important;
}
body.mock-ranking-v27 .rank-grid .pill.warn,
body.mock-ranking-v27 .rank-grid .pill.conditional{
  border:1px solid rgba(255,178,35,.72)!important;
  background:rgba(96,62,6,.30)!important;
  color:#ffc43d!important;
}
body.mock-ranking-v27 .rank-grid .pill.ng{
  border:1px solid rgba(255,71,91,.72)!important;
  background:rgba(95,16,31,.30)!important;
  color:#ff6573!important;
}
body.mock-ranking-v27 .rank-grid .pill.unknown{
  border:1px solid #39353e!important;
  background:#17151c!important;
  color:#b9b0ba!important;
}
body.mock-ranking-v27 .rank-grid .pill-hint{
  display:block!important;
  max-width:250px!important;
  margin-top:6px!important;
  color:#d0c4ca!important;
  font-size:9px!important;
  line-height:1.42!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}
body.mock-ranking-v27 .rank-grid .application-badge{}
body.mock-ranking-v27 .rank-grid .card-fav-btn{
  position:absolute!important;
  z-index:4!important;
  right:10px!important;
  top:10px!important;
  width:38px!important;
  height:38px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,95,162,.76)!important;
  border-radius:50%!important;
  background:rgba(11,11,16,.93)!important;
  color:#ff91bd!important;
  box-shadow:0 0 15px rgba(255,54,146,.08)!important;
  font-size:19px!important;
}
body.mock-ranking-v27 .rank-grid .card-fav-btn.active{background:rgba(81,25,54,.72)!important;color:#ff9fc8!important}
body.mock-ranking-v27 .rank-grid .mock-r27-spark{
  position:absolute!important;
  z-index:2!important;
  right:36px!important;
  bottom:17px!important;
  width:12px!important;
  height:12px!important;
  pointer-events:none!important;
}
body.mock-ranking-v27 .rank-grid .mock-r27-spark::before{
  content:"✦"!important;
  position:absolute!important;
  inset:0!important;
  color:rgba(255,95,162,.92)!important;
  font-size:14px!important;
  line-height:1!important;
  text-shadow:0 0 10px rgba(255,54,145,.42)!important;
}

/* VTuber layout: approved mock — title, period, live count, evidence/status row. */
body.mock-ranking-v27.mock-ranking-v27-vtuber .rank-grid .mock-r27-card{
  grid-template-columns:112px minmax(0,1fr)!important;
  min-height:126px!important;
}
body.mock-ranking-v27.mock-ranking-v27-vtuber .rank-grid .game-card b{font-size:15.4px!important}
body.mock-ranking-v27.mock-ranking-v27-vtuber .rank-grid .small{color:#ff9bc2!important;font-size:10.5px!important}
body.mock-ranking-v27.mock-ranking-v27-vtuber .rank-grid .trend-reason{
  position:relative!important;
  padding-left:18px!important;
  color:#d5cad1!important;
  font-size:9.5px!important;
}
body.mock-ranking-v27.mock-ranking-v27-vtuber .rank-grid .trend-reason::before{
  content:"♟"!important;
  position:absolute!important;
  left:0!important;
  top:-1px!important;
  color:#ff75ad!important;
  font-size:13px!important;
}

/* Search page uses same card shell with a design-only search art tile. */
body.mock-ranking-v27.mock-ranking-v27-search .rank-grid .mock-r27-card{grid-template-columns:112px minmax(0,1fr)!important}
body.mock-ranking-v27.mock-ranking-v27-search .rank-grid .mock-r27-arrow{
  position:absolute!important;
  right:16px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:#ff91bd!important;
  font-size:23px!important;
}

/* New arrivals: NEW chip replaces numeric rank. */
body.mock-ranking-v27.mock-ranking-v27-new .rank-grid .mock-r27-new-badge{
  color:#ff9fc5!important;
  border-color:rgba(255,95,162,.78)!important;
  background:rgba(72,22,49,.68)!important;
}

/* Bottom navigation — same approved home/ranking language. */
body.mock-ranking-v27 .bottom-nav{
  height:68px!important;
  padding:5px 8px calc(5px + env(safe-area-inset-bottom))!important;
  border:1px solid rgba(255,95,162,.30)!important;
  border-bottom:0!important;
  border-radius:19px 19px 0 0!important;
  background:linear-gradient(180deg,rgba(24,12,21,.97),rgba(7,8,12,.995))!important;
  box-shadow:0 -8px 26px rgba(0,0,0,.34)!important;
}
body.mock-ranking-v27 .bottom-nav-item{
  gap:2px!important;
  color:#97909a!important;
  font-size:8px!important;
}
body.mock-ranking-v27 .bottom-nav-item svg{width:22px!important;height:22px!important;stroke:currentColor!important;fill:none!important}
body.mock-ranking-v27 .bottom-nav-item[data-nav="ranking"].active{color:#ff82b6!important}
body.mock-ranking-v27 .bottom-nav-item[data-nav="ranking"].active svg{stroke:#ff82b6!important;filter:drop-shadow(0 0 5px rgba(255,84,157,.18))!important}
body.mock-ranking-v27 .footer{display:none!important}

/* Desktop — preserve the same proportions, only widen and breathe. */
@media(min-width:701px){
body.mock-ranking-v27 .header{height:76px!important}
body.mock-ranking-v27 .header-inner{height:76px!important;padding:0 28px!important}
body.mock-ranking-v27 .logo{font-size:30px!important}
body.mock-ranking-v27 .header-icon-btn{width:48px!important;height:48px!important}
body.mock-ranking-v27 .breadcrumb{padding-top:16px!important;font-size:12px!important}
body.mock-ranking-v27 main.container{max-width:1040px!important;margin:0 auto!important;padding-left:26px!important;padding-right:26px!important;padding-bottom:110px!important}
body.mock-ranking-v27 .page-hero{padding:24px 0 16px!important}
body.mock-ranking-v27 .page-hero::after{right:-12px!important;top:12px!important;width:230px!important;height:190px!important;background-size:42px 42px,52px 52px,34px 34px,100% 100%!important}
body.mock-ranking-v27 .page-hero::before{right:24px!important;top:28px!important;font-size:25px!important;}
body.mock-ranking-v27 .page-hero .eyebrow{min-height:38px!important;padding:0 17px!important;font-size:12px!important}
body.mock-ranking-v27 .page-hero h1{font-size:48px!important;margin:18px 0 12px!important}
body.mock-ranking-v27 .page-hero p{font-size:15px!important;line-height:1.7!important}
body.mock-ranking-v27 .trend-page-nav{gap:10px!important;margin:8px 0 20px!important}
body.mock-ranking-v27 .trend-page-nav a{min-height:52px!important;padding:8px 12px!important;border-radius:17px!important;font-size:13px!important;gap:7px!important}
body.mock-ranking-v27 .trend-page-nav .mock-r27-brand-mark{width:18px!important;height:18px!important;flex-basis:18px!important}
body.mock-ranking-v27 .trend-page-nav .mock-r27-youtube-mark{width:20px!important;height:20px!important;flex-basis:20px!important}
body.mock-ranking-v27 .rank-grid{gap:14px!important}
body.mock-ranking-v27 .rank-grid .mock-r27-card{grid-template-columns:178px minmax(0,1fr)!important;gap:24px!important;min-height:198px!important;padding:16px 82px 16px 16px!important;border-radius:26px!important}
body.mock-ranking-v27 .rank-grid .game-thumb,body.mock-ranking-v27 .rank-grid .cover-fallback,body.mock-ranking-v27 .rank-grid .mock-r27-search-art{width:178px!important;height:166px!important;border-radius:22px!important}
body.mock-ranking-v27 .rank-grid .game-card b,body.mock-ranking-v27 .rank-grid .search-seo-card b{font-size:24px!important}
body.mock-ranking-v27 .rank-grid .small{font-size:14px!important;margin-top:8px!important}
body.mock-ranking-v27 .rank-grid .trend-reason{font-size:13px!important;margin-top:9px!important}
body.mock-ranking-v27 .rank-grid .rank-no,body.mock-ranking-v27 .rank-grid .mock-r27-new-badge{height:38px!important;min-width:54px!important;padding:0 11px!important;border-radius:13px!important;font-size:15px!important}
body.mock-ranking-v27 .rank-grid .pill{min-height:32px!important;padding:7px 12px!important;font-size:13px!important;margin-top:10px!important}
body.mock-ranking-v27 .rank-grid .trend-source{min-height:32px!important;padding:0 11px!important;font-size:12px!important;margin-top:10px!important}
body.mock-ranking-v27 .rank-grid .pill-hint{font-size:12px!important;max-width:620px!important;margin-top:8px!important}
body.mock-ranking-v27 .rank-grid .card-fav-btn{right:18px!important;top:18px!important;width:54px!important;height:54px!important;font-size:28px!important}
body.mock-ranking-v27 .rank-grid .mock-r27-spark{right:68px!important;bottom:30px!important}
body.mock-ranking-v27 .rank-grid .mock-r27-spark::before{font-size:20px!important}
body.mock-ranking-v27 .bottom-nav{height:78px!important;border-radius:24px 24px 0 0!important}
body.mock-ranking-v27 .bottom-nav-item{font-size:11px!important}
body.mock-ranking-v27 .bottom-nav-item svg{width:28px!important;height:28px!important}
}
---
/* v27ページではPCで下部固定ナビを隠す（他の統一済みページと挙動を揃える）。*/
@media(min-width:701px){body.mock-ranking-v27 .bottom-nav{display:none!important}}