/* LP readability refresh: keeps page content intact while unifying presentation. */
:root{
  --lp-bg:#f4f8fc;
  --lp-surface:#ffffff;
  --lp-text:#10233f;
  --lp-muted:#52657a;
  --lp-line:#d9e7f4;
  --lp-blue:#0067b1;
  --lp-blue-dark:#003b70;
  --lp-cyan:#e7f7ff;
  --lp-gold:#ffbf2f;
  --lp-shadow:0 12px 30px rgba(16,35,63,.08);
  --lp-radius:8px;
}
html{scroll-padding-top:88px}
body{color:var(--lp-text);background:linear-gradient(180deg,#eaf7ff 0,#f8fbff 220px,#f4f8fc 100%) !important;line-height:1.85;letter-spacing:0}
.site-nav{background:rgba(255,255,255,.96) !important;backdrop-filter:blur(14px);border-bottom:1px solid var(--lp-line) !important;box-shadow:0 8px 24px rgba(16,35,63,.08) !important}
.site-nav-inner{max-width:1180px !important;padding:12px 18px !important;gap:20px !important}
.site-brand{color:var(--lp-blue-dark) !important;font-size:1.02rem !important}
.site-nav-links{gap:16px !important}
.site-nav-links a{color:#28435f !important;font-size:.95rem !important;padding:8px 0 !important}
.site-nav-links a:hover,.site-nav-links a[aria-current="page"]{color:var(--lp-blue) !important;border-bottom-color:var(--lp-blue) !important}
.page,.app{width:min(1120px,calc(100% - 24px)) !important;max-width:1120px !important;margin:0 auto !important;padding:22px 0 110px !important}
.hero,.header{position:relative;overflow:hidden;min-height:0 !important;margin:18px 0 18px !important;padding:clamp(28px,5vw,56px) !important;border:1px solid #b9dcf6 !important;outline:0 !important;border-radius:var(--lp-radius) !important;background:linear-gradient(135deg,#ffffff 0,#f0f9ff 47%,#dff3ff 100%) !important;box-shadow:var(--lp-shadow) !important;color:var(--lp-text) !important}
.hero::after,.header::after{content:"";position:absolute;inset:auto -70px -120px auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(0,103,177,.16),transparent 66%);pointer-events:none}
.hero-logo{border-radius:var(--lp-radius) !important;border:1px solid var(--lp-line) !important;box-shadow:0 10px 28px rgba(16,35,63,.12) !important}
.hero h1,.header h1,h1{color:var(--lp-blue-dark) !important;text-shadow:none !important;letter-spacing:0 !important;font-weight:950 !important}
.hero h1,.header h1{font-size:clamp(2rem,5vw,4.1rem) !important;line-height:1.08 !important;margin-bottom:14px !important}
.hero p,.header p,.subtitle,.hero-text,.lead,.hint{color:var(--lp-muted) !important;font-size:clamp(.96rem,1.8vw,1.08rem) !important;line-height:1.9 !important;font-weight:650 !important;text-shadow:none !important}
.label,.hero-label,.update-date,.updated,.pill{display:inline-flex !important;align-items:center !important;width:max-content !important;max-width:100% !important;border-radius:999px !important;border:1px solid #b9dcf6 !important;background:#eef8ff !important;color:var(--lp-blue-dark) !important;box-shadow:none !important;text-shadow:none !important}
.card,.adsense-quality-note,.result-card,.info-card,.link-card,.media-card,.stat-card,.rank-card,.tool-card,.notice-card{border:1px solid var(--lp-line) !important;outline:0 !important;border-radius:var(--lp-radius) !important;background:var(--lp-surface) !important;box-shadow:0 8px 22px rgba(16,35,63,.06) !important;color:var(--lp-text) !important}
.card,.adsense-quality-note{padding:clamp(20px,3.4vw,34px) !important;margin-bottom:18px !important}
.card h2,.adsense-quality-note h2,.section-title,h2,h3{color:var(--lp-blue-dark) !important;text-shadow:none !important;letter-spacing:0 !important}
.section-title{border-bottom:1px solid #e6f0f8;padding-bottom:10px;margin-bottom:16px !important}
p,li,dd,td,th,.message,.caption,.media-caption{color:var(--lp-text);line-height:1.85}
ul,ol{padding-left:1.25em}
.hero-actions,.top-actions,.actions,.btn-row,.full-links{display:flex !important;flex-wrap:wrap !important;gap:10px !important;align-items:center !important}
.btn,.top-link,.input-btn,.main-btn,.sub-btn,.danger-btn,.file-label,button:not(.delete-one):not(.item-btn):not(.sort-btn){border-radius:var(--lp-radius) !important;min-height:44px !important;box-shadow:none !important;text-shadow:none !important;font-weight:850 !important}
.btn,.top-link,.input-btn,.main-btn,.file-label{background:linear-gradient(180deg,#0788d8,#0067b1) !important;border:1px solid #005999 !important;color:#fff !important}
.btn-secondary,.sub-btn{background:#eef6fc !important;color:var(--lp-blue-dark) !important;border:1px solid #bcd9ee !important}
.danger-btn{background:#fff2f2 !important;color:#b42318 !important;border:1px solid #f3b8b8 !important}
.item-btn,.sort-btn{border-radius:var(--lp-radius) !important;background:#f2f7fb !important;color:var(--lp-text) !important;border:1px solid var(--lp-line) !important;box-shadow:none !important;text-shadow:none !important}
.item-btn span{color:var(--lp-muted) !important}
.item-btn.active,.sort-btn.active{background:linear-gradient(180deg,#ffe28a,#ffbf2f) !important;color:#4b3100 !important;border-color:#e5a600 !important}
.input-grid,.grid,.link-grid,.links-grid,.mini-grid,.media-grid,.cards-grid,.summary-grid{gap:14px !important}
.field label,label{color:var(--lp-blue-dark) !important;font-weight:850 !important;text-shadow:none !important}
input,select,textarea{background:#fff !important;color:var(--lp-text) !important;border:1px solid #bcd9ee !important;border-radius:var(--lp-radius) !important;box-shadow:none !important}
input::placeholder,textarea::placeholder{color:#7a8ba0 !important}
.calc-box,.summary-row,.play-detail,.detail-box,.empty,.site-disclosure,table{background:#f7fbff !important;border-color:#d9e7f4 !important;border-radius:var(--lp-radius) !important;color:var(--lp-text) !important}
.metric{background:#fff !important;border:1px solid #d9e7f4 !important;border-radius:var(--lp-radius) !important;color:var(--lp-text) !important}
.metric .name,.summary-row .label{color:var(--lp-muted) !important}
.metric .value,.summary-row .value,.count,.tsum-name{color:var(--lp-blue-dark) !important;text-shadow:none !important}
table{border-collapse:separate !important;border-spacing:0 !important;overflow:hidden;width:100%}
th{background:#eaf6ff !important;color:var(--lp-blue-dark) !important}
th,td{border-color:#d9e7f4 !important}
img{max-width:100%;height:auto}
.heading-icon{width:34px !important;height:34px !important;object-fit:contain !important;margin-right:10px !important;vertical-align:middle !important}
.visual,.media-card img,.gacha-images img{border-radius:var(--lp-radius) !important;border:1px solid var(--lp-line) !important;background:#f7fbff !important}
.bottom-nav{max-width:min(960px,calc(100% - 18px)) !important;border:1px solid var(--lp-line) !important;border-radius:var(--lp-radius) !important;background:rgba(255,255,255,.96) !important;box-shadow:0 12px 30px rgba(16,35,63,.16) !important}
.bottom-nav a{color:var(--lp-blue-dark) !important;background:#eef8ff !important;border-radius:6px !important;text-shadow:none !important}
.footer,footer{color:var(--lp-muted) !important;text-align:left !important}
.footer a,footer a,a{color:var(--lp-blue);text-underline-offset:3px}
@media(min-width:900px){.hero,.header{display:block}.card + .card,.adsense-quality-note + .adsense-quality-note{margin-top:20px}}
@media(max-width:720px){html{scroll-padding-top:110px}.page,.app{width:min(100% - 16px,1120px) !important;padding-top:14px !important}.hero,.header{padding:24px 18px !important;margin-top:12px !important}.hero h1,.header h1{font-size:clamp(1.8rem,9vw,2.65rem) !important;padding-right:0 !important}.hero-logo{position:static !important;width:64px !important;height:64px !important;margin-bottom:12px !important}.hero-actions,.top-actions,.actions,.btn-row,.full-links{display:grid !important;grid-template-columns:1fr !important}.btn,.top-link,.input-btn,.main-btn,.sub-btn,.danger-btn,.file-label{width:100% !important}.site-nav-links{padding-bottom:2px !important}}
/* H1 heading icons: match the large first-view title scale. */
.hero h1 .heading-icon,
.header h1 .heading-icon,
h1 > .heading-icon{
  width:clamp(54px,1em,86px) !important;
  height:clamp(54px,1em,86px) !important;
  margin-right:14px !important;
  vertical-align:-0.14em !important;
}
@media(max-width:720px){
  .hero h1 .heading-icon,
  .header h1 .heading-icon,
  h1 > .heading-icon{
    width:clamp(44px,1em,64px) !important;
    height:clamp(44px,1em,64px) !important;
    margin-right:10px !important;
  }
}
/* Internal route links for app/tool explanation cards. */
.title-link{display:inline-flex;align-items:center;gap:0;color:inherit !important;text-decoration:none;text-underline-offset:3px}
.title-link:hover{text-decoration:underline;color:var(--lp-blue) !important}
.card-cta{display:inline-flex;align-items:center;justify-content:center;min-height:38px;margin-top:10px;padding:8px 13px;border-radius:8px;background:#eef8ff;border:1px solid #b9dcf6;color:var(--lp-blue-dark) !important;text-decoration:none;font-weight:850}
.card-cta:hover{background:#dff3ff;color:var(--lp-blue) !important}
.route-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:16px}
.route-card{display:block;padding:16px;border:1px solid var(--lp-line);border-radius:8px;background:#fff;text-decoration:none;color:var(--lp-text) !important;box-shadow:0 8px 22px rgba(16,35,63,.06)}
.route-card strong{display:block;color:var(--lp-blue-dark);font-size:1.05rem;margin-bottom:6px}
.route-card span{display:block;color:var(--lp-muted);line-height:1.7;font-weight:650}
.route-card:hover{border-color:#9ccff0;background:#f7fbff}
/* Mobile dense list/readability pass for records, rankings and tables. */
@media(max-width:720px){
  .card,.adsense-quality-note{padding:14px 12px !important;margin-bottom:10px !important}
  .section-title{font-size:1.06rem !important;margin-bottom:9px !important;padding-bottom:7px !important;gap:7px !important}
  .section-title img,.section-title .heading-icon{width:1.55em !important;height:1.55em !important;flex:0 0 1.55em !important}
  .records-list,.ranking-list,.list,.link-list,.top-grid{gap:6px !important}
  .record-card,.ranking-item,.rank-row,.result-card,.summary-card,.play-detail,.top-card,.link-card,.info-card,.media-card,.route-card,.feature,.article-box,.step,.quality-box{
    padding:8px 9px !important;
    border-radius:7px !important;
    margin-bottom:6px !important;
    box-shadow:0 3px 10px rgba(16,35,63,.045) !important;
  }
  .record-card{grid-template-columns:minmax(0,1fr) auto !important;gap:5px 8px !important;align-items:center !important}
  .record-card > *,.ranking-item > *,.rank-row > *,.top-card > *{min-width:0 !important}
  .record-card .record-main,.record-card .record-detail{font-size:.8rem !important;line-height:1.32 !important}
  .record-card .record-title,.record-card .tsum-name,.record-card strong{font-size:.95rem !important;line-height:1.22 !important;margin:0 !important}
  .record-card .delete-one,.record-card button,.delete-one{min-height:30px !important;padding:4px 8px !important;font-size:.76rem !important;border-radius:6px !important}
  .ranking-item{grid-template-columns:44px minmax(0,1fr) auto !important;gap:10px !important;align-items:center !important;background:#fff !important;border:2px solid #b9dcf6 !important;border-radius:10px !important;box-shadow:0 7px 16px rgba(16,35,63,.09) !important}
  .rank-row{grid-template-columns:30px 38px minmax(0,1fr) !important;gap:6px !important;align-items:center !important}
  .rank-badge,.top-rank{width:38px !important;height:38px !important;min-width:38px !important;font-size:1rem !important;line-height:1 !important}
  .rank-img,.rank-image,.tsum-thumb{width:38px !important;height:38px !important;object-fit:contain !important}
  .rank-main{grid-column:auto !important;grid-template-columns:minmax(46px,.95fr) minmax(0,4fr) !important;gap:3px !important;align-items:stretch !important}
  .rank-name,.top-name,.rank-main strong{font-size:1.1rem !important;line-height:1.24 !important;margin:0 !important;color:#0f3d75 !important}
  .rank-sub,.rank-desc,.rank-main p,.caption,.media-caption,.message{font-size:.86rem !important;line-height:1.35 !important;margin:3px 0 0 !important}
  .ranking-item .rank-count{font-size:1.15rem !important;line-height:1.2 !important;white-space:nowrap !important;color:#0f3d75 !important}
  .rank-meta{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:4px !important;margin-top:4px !important}
  .rank-chip,.mini-stat,.stat,.summary-row,.metric{padding:5px 5px !important;border-radius:6px !important;min-height:0 !important}
  .rank-chip-label,.stat-title,.metric .name,.summary-row .label,.mini-stat span{font-size:.66rem !important;line-height:1.18 !important}
  .rank-chip-value,.stat-value,.metric .value,.summary-row .value,.mini-stat strong{font-size:.88rem !important;line-height:1.2 !important}
  .result-head{gap:7px !important;align-items:center !important;margin-bottom:5px !important}
  .result-head .count,.count{font-size:.86rem !important;padding:3px 7px !important;min-width:auto !important}
  .mini-grid,.summary-grid,.stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:5px !important}
  .play-detail{font-size:.76rem !important;line-height:1.4 !important;margin-top:5px !important}
  .detail-box{padding:7px !important;margin-top:6px !important}
  .calendar-grid{gap:3px !important}
  .day-cell{min-height:44px !important;padding:4px !important;border-radius:6px !important;font-size:.7rem !important}
  .day-number,.day-num{font-size:.7rem !important}.day-total,.day-stats{font-size:.64rem !important;line-height:1.15 !important}
  .top-card{display:grid !important;grid-template-columns:44px minmax(0,1fr) !important;align-items:center !important;gap:7px !important}
  .top-card::after{display:none !important}
  .top-data{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:4px !important}
  .top-card img,.top-img{width:44px !important;height:44px !important;max-width:44px !important;max-height:44px !important;object-fit:contain !important;border-radius:12px !important}
  .table-wrap{overflow-x:auto !important;margin-top:8px !important}
  table{font-size:.78rem !important;line-height:1.35 !important}
  th,td{padding:6px 7px !important;vertical-align:middle !important}
  .mini-table{gap:5px !important;font-size:.78rem !important}
  .mini-table > div{padding:6px 7px !important;min-height:0 !important}
  .gacha-row{grid-template-columns:150px minmax(0,1fr) !important;gap:8px !important;padding:8px !important;align-items:center !important}
  .gacha-images{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:5px !important}
  .gacha-images img{width:100% !important;max-height:120px !important;object-fit:contain !important}
  .gacha-text strong{font-size:.94rem !important;line-height:1.25 !important}.gacha-text p{font-size:.78rem !important;line-height:1.45 !important;margin-top:4px !important}
  .media-card img{max-height:150px !important;object-fit:contain !important}
  .link-card,.info-card,.route-card{min-height:0 !important}
  .card-cta{min-height:32px !important;margin-top:7px !important;padding:6px 10px !important;font-size:.8rem !important;border-radius:7px !important}
}
@media(max-width:430px){
  .card,.adsense-quality-note{padding:12px 10px !important}
  .ranking-item{grid-template-columns:38px minmax(0,1fr) auto !important;gap:8px !important}
  .rank-row{grid-template-columns:24px 34px minmax(0,1fr) !important;gap:5px !important}
  .rank-img,.rank-image,.tsum-thumb{width:34px !important;height:34px !important}
  .rank-badge,.top-rank{width:34px !important;height:34px !important;min-width:34px !important;font-size:.95rem !important}
  .rank-main{grid-template-columns:minmax(42px,.9fr) minmax(0,4fr) !important}
  .rank-meta{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .top-card{grid-template-columns:40px minmax(0,1fr) !important}
  .top-card img,.top-img{width:40px !important;height:40px !important;max-width:40px !important;max-height:40px !important}
  .mini-grid,.summary-grid,.stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .record-card{grid-template-columns:minmax(0,1fr) auto !important}
  .record-card .record-main,.record-card .record-detail,.rank-sub,.rank-desc,.rank-main p{font-size:.72rem !important}
  .ranking-item .rank-count{font-size:.84rem !important}
  .gacha-row{grid-template-columns:150px minmax(0,1fr) !important;gap:7px !important}
  .gacha-images img{max-height:120px !important}
  th,td{padding:5px 6px !important}
}
/* App statistics readability override. */
@media(max-width:720px){
  .app .stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important}
  .app .stat{padding:13px 11px !important;min-height:92px !important;border-radius:10px !important;background:#fff !important;border:2px solid #b9dcf6 !important;box-shadow:0 7px 16px rgba(16,35,63,.09) !important}
  .app .stat-title{font-size:.95rem !important;line-height:1.25 !important;margin-bottom:7px !important;font-weight:950 !important;color:#1f5f8f !important}
  .app .stat-value{font-size:clamp(1.38rem,6.5vw,1.9rem) !important;line-height:1.12 !important;letter-spacing:0 !important;color:#0f3d75 !important}
  .app .stats-caption,.app .calendar-caption,.app .ranking-caption{font-size:1.05rem !important;line-height:1.5 !important}
  .app .ranking-item .rank-name{font-size:1rem !important;line-height:1.25 !important}
  .app .ranking-item .rank-count{font-size:1rem !important;line-height:1.2 !important}
  .app .ranking-item .rank-sub{font-size:.82rem !important;line-height:1.3 !important}
}
@media(max-width:430px){
  .app .stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:7px !important}
  .app .stat{padding:12px 9px !important;min-height:86px !important;background:#fff !important;border:2px solid #b9dcf6 !important;box-shadow:0 6px 14px rgba(16,35,63,.08) !important}
  .app .stat-title{font-size:.88rem !important}
  .app .stat-value{font-size:clamp(1.24rem,6.2vw,1.65rem) !important}
  .app .ranking-item .rank-name{font-size:1.05rem !important}
  .app .ranking-item .rank-count{font-size:1.08rem !important}
}
/* Ranking readability card override. */
.ranking-list{gap:12px !important}
.ranking-item,.rank-row{
  background:#fff !important;
  border:2px solid #b9dcf6 !important;
  border-radius:12px !important;
  box-shadow:0 8px 18px rgba(16,35,63,.09) !important;
  overflow:hidden !important;
}
.ranking-item{padding:14px !important;grid-template-columns:54px minmax(0,1fr) auto !important;gap:12px !important;align-items:center !important}
.rank-row{padding:12px !important;gap:10px !important;align-items:center !important}
.rank-badge{
  width:44px !important;
  min-width:44px !important;
  height:52px !important;
  min-height:44px !important;
  border-radius:14px !important;
  font-size:1.18rem !important;
  line-height:1 !important;
}
.ranking-item .rank-badge{height:44px !important;border-radius:50% !important}
.rank-name,.top-name,.rank-main strong{
  color:#0f3d75 !important;
  font-size:clamp(1.18rem,2.6vw,1.36rem) !important;
  line-height:1.25 !important;
  font-weight:950 !important;
  letter-spacing:0 !important;
}
.ranking-item .rank-count{
  color:#0f3d75 !important;
  font-size:clamp(1.18rem,2.8vw,1.42rem) !important;
  line-height:1.15 !important;
  font-weight:950 !important;
}
.rank-sub,.rank-desc,.rank-main p{font-size:.96rem !important;line-height:1.45 !important;color:#52667a !important}
.rank-chip{background:#f7fbff !important;border:1px solid #d5e9f7 !important;border-radius:9px !important;padding:8px 7px !important}
.rank-chip-label{font-size:.82rem !important;line-height:1.2 !important;color:#52667a !important;font-weight:850 !important}
.rank-chip-value{font-size:1.04rem !important;line-height:1.2 !important;color:#0f3d75 !important;font-weight:950 !important}
@media(max-width:720px){
  .ranking-list{gap:10px !important}
  .ranking-item{grid-template-columns:48px minmax(0,1fr) auto !important;padding:12px !important;gap:10px !important}
  .rank-row{grid-template-columns:42px 52px minmax(0,1fr) !important;padding:10px !important;gap:9px !important;border-radius:10px !important}
  .rank-badge{width:40px !important;min-width:40px !important;height:48px !important;font-size:1.08rem !important}
  .ranking-item .rank-badge{width:40px !important;min-width:40px !important;height:40px !important}
  .rank-img,.rank-image,.tsum-thumb{width:52px !important;height:52px !important;object-fit:contain !important}
  .rank-name,.top-name,.rank-main strong{font-size:1.12rem !important;line-height:1.25 !important}
  .ranking-item .rank-count{font-size:1.14rem !important}
  .rank-sub,.rank-desc,.rank-main p{font-size:.9rem !important;line-height:1.4 !important}
  .rank-meta{gap:6px !important;margin-top:7px !important}
  .rank-chip{padding:7px 6px !important;border-radius:8px !important}
  .rank-chip-label{font-size:.76rem !important}
  .rank-chip-value{font-size:.96rem !important}
}
@media(max-width:430px){
  .ranking-item{grid-template-columns:42px minmax(0,1fr) auto !important;padding:10px !important;gap:8px !important}
  .rank-row{grid-template-columns:38px 48px minmax(0,1fr) !important;padding:9px !important;gap:7px !important}
  .rank-badge{width:36px !important;min-width:36px !important;height:44px !important;font-size:1rem !important}
  .ranking-item .rank-badge{width:36px !important;min-width:36px !important;height:36px !important}
  .rank-img,.rank-image,.tsum-thumb{width:48px !important;height:48px !important}
  .rank-name,.top-name,.rank-main strong{font-size:1.04rem !important;line-height:1.25 !important}
  .ranking-item .rank-count{font-size:1.05rem !important}
  .rank-sub,.rank-desc,.rank-main p{font-size:.82rem !important;line-height:1.35 !important}
  .rank-chip{padding:6px 5px !important}
  .rank-chip-label{font-size:.7rem !important}
  .rank-chip-value{font-size:.88rem !important}
}
/* End ranking readability card override. */
/* CSV action button readability override. */
.csv-btn,.csv-import-label{
  min-height:58px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
  border-radius:12px !important;
  color:#fff !important;
  text-shadow:0 2px 0 rgba(0,0,0,.24) !important;
  box-shadow:0 8px 18px rgba(16,35,63,.16), inset 0 2px 0 rgba(255,255,255,.26) !important;
}
.csv-btn{background:linear-gradient(180deg,#0b91e6,#0067b1) !important;border:2px solid #005999 !important}
.csv-import-label{background:linear-gradient(180deg,#18b86f,#047a43) !important;border:2px solid #046a3b !important}
.csv-action-main{display:block;font-size:1.18rem !important;line-height:1.1 !important;font-weight:950 !important;letter-spacing:0 !important;color:#fff !important}
.csv-action-sub{display:block;font-size:.78rem !important;line-height:1.2 !important;font-weight:850 !important;color:rgba(255,255,255,.92) !important}
.csv-btn:focus-visible,.csv-import-label:focus-visible{outline:3px solid #ffdd4a !important;outline-offset:3px !important}
@media(max-width:720px){.csv-btn,.csv-import-label{min-height:60px !important}.csv-action-main{font-size:1.16rem !important}.csv-action-sub{font-size:.8rem !important}}
/* End CSV action button readability override. */
/* Result label and color cleanup override. */
.result-row,.summary-row,.metric{
  background:#f7fbff !important;
  border:1px solid #d5e9f7 !important;
  border-radius:10px !important;
  color:#102a43 !important;
  box-shadow:none !important;
}
.result-row.primary,.summary-row.primary{
  background:#fffbea !important;
  border-color:#f3d36a !important;
}
.result-row .label,.summary-row .label,.metric .name,.stat-title{
  display:block !important;
  width:auto !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 0 3px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#42627d !important;
  text-shadow:none !important;
  font-weight:900 !important;
}
.result-row .value,.summary-row .value,.metric .value,.stat-value{
  color:#0f3d75 !important;
  text-shadow:none !important;
  font-weight:950 !important;
}
.result-row.primary .label,.summary-row.primary .label,
.result-row.primary .value,.summary-row.primary .value{
  color:#7a4d00 !important;
}
.result-row .label,.summary-row .label{font-size:.95rem !important;line-height:1.25 !important}
.result-row .value,.summary-row .value{font-size:1.16rem !important;line-height:1.2 !important}
.metric .name{font-size:.9rem !important;line-height:1.25 !important}
.metric .value{font-size:clamp(1.18rem,4.8vw,1.55rem) !important;line-height:1.15 !important}
@media(max-width:720px){
  .result-row,.summary-row,.metric{padding:9px 10px !important;border-radius:9px !important}
  .result-row .label,.summary-row .label{font-size:.84rem !important}
  .result-row .value,.summary-row .value{font-size:1.05rem !important}
  .metric .name{font-size:.84rem !important}
}
/* End result label and color cleanup override. */
/* App record list value readability override. */
.app .record-value{padding:5px 4px !important;justify-content:center !important}
.app .record-label{font-size:11px !important;line-height:1.05 !important;margin-bottom:3px !important;letter-spacing:0 !important;color:#42627d !important}
.app .record-num{font-size:17px !important;line-height:1.08 !important;font-weight:950 !important;letter-spacing:0 !important;color:#0f3d75 !important;text-shadow:none !important}
.app .record-num.rate{font-size:17px !important;color:#0f3d75 !important}
.app .record-num.date{font-size:14px !important;letter-spacing:0 !important}
.app .record-value:first-child .record-num.tsum{font-size:13px !important;line-height:1.15 !important}
.app .record-value:nth-child(4) .record-num.tsum{font-size:14px !important;line-height:1.12 !important}
@media(max-width:720px){
  .app .record-value{padding:5px 3px !important}
  .app .record-label{font-size:10px !important;margin-bottom:2px !important}
  .app .record-num{font-size:16px !important}
  .app .record-num.rate{font-size:16px !important}
  .app .record-num.date{font-size:13px !important}
  .app .record-value:first-child .record-num.tsum{font-size:12px !important}
  .app .record-value:nth-child(4) .record-num.tsum{font-size:13px !important}
}
@media(max-width:430px){
  .app .record-num{font-size:15px !important}
  .app .record-num.rate{font-size:15px !important}
  .app .record-num.date{font-size:12px !important}
  .app .record-value:first-child .record-num.tsum{font-size:12px !important}
  .app .record-value:nth-child(4) .record-num.tsum{font-size:12px !important}
}
/* End app record list value readability override. */

/* Mobile overall readability polish 2026-06-03 */
@media(max-width:720px){
  html,body{max-width:100%;overflow-x:hidden}
  body{overflow-wrap:anywhere}
  .site-nav{overflow:hidden}
  .site-nav-inner{padding:8px 10px !important;gap:10px !important}
  .site-brand{font-size:.95rem !important;margin-bottom:6px !important;line-height:1.2 !important}
  .site-nav-links{gap:10px !important;padding-bottom:2px !important}
  .site-nav-links a{font-size:.9rem !important;line-height:1.15 !important;padding:6px 0 !important}
  .nav-update-badge{width:1.45em !important;height:1.45em !important;margin-right:3px !important;vertical-align:-.28em !important}
  .site-data-notice{display:block !important;width:calc(100% - 16px) !important;max-width:calc(100% - 16px) !important;margin:6px auto 0 !important;padding:7px 10px !important;font-size:.78rem !important;line-height:1.45 !important;border-radius:7px !important;white-space:normal !important;word-break:break-all !important;overflow-wrap:anywhere !important}
  .page,.app{width:calc(100% - 14px) !important;max-width:1120px !important;margin-left:auto !important;margin-right:auto !important;padding-left:0 !important;padding-right:0 !important;overflow-x:hidden !important}
  .section,.card,.info-card,.link-card,.adsense-quality-note,.result-card,.tool-card{border-radius:8px !important;max-width:100% !important;overflow-wrap:anywhere !important}
  .hero,.header{border-radius:8px !important;padding:16px 12px !important;margin-top:10px !important;max-width:100% !important;overflow:hidden !important;overflow-wrap:anywhere !important}
  .hero h1,.header h1{font-size:clamp(1.55rem,7vw,2.05rem) !important;line-height:1.14 !important;white-space:normal !important;overflow-wrap:anywhere !important;word-break:break-all !important}
  .hero h1 .heading-icon,.header h1 .heading-icon{width:1.18em !important;height:1.18em !important;margin-right:.22em !important}
  .section{padding:13px 11px !important;margin-top:12px !important}
  h2,.section-title{font-size:clamp(1.28rem,5.8vw,1.62rem) !important;line-height:1.25 !important;white-space:normal !important;overflow-wrap:anywhere !important}
  p,li,figcaption,.lead,.hero p,.header p{font-size:.95rem !important;line-height:1.65 !important;white-space:normal !important;overflow-wrap:anywhere !important;word-break:break-all !important}
  .table-wrap{max-width:100%;margin-left:0 !important;margin-right:0 !important;-webkit-overflow-scrolling:touch}
  .table-wrap table{font-size:.84rem !important;line-height:1.4 !important}
  .table-wrap th,.table-wrap td{padding:8px 7px !important;white-space:normal;word-break:break-word;overflow-wrap:anywhere}
  .media-card strong,.video-card strong,.gacha-text strong{font-size:.98rem !important;line-height:1.3 !important;white-space:normal !important;overflow-wrap:anywhere !important}
  .media-caption,.visual figcaption,.video-card p,.gacha-text p{font-size:.82rem !important;line-height:1.55 !important}
  .nav{grid-template-columns:1fr !important;gap:8px !important}
  .nav a{width:100% !important;min-width:0 !important}
  .video-grid,.media-grid,.gacha-list{gap:10px !important}
  .gacha-row{padding:10px !important;gap:10px !important}
  .visual{margin-top:10px !important;border-radius:8px !important;max-width:100% !important;overflow:hidden !important}
  img,iframe,video{max-width:100% !important}
}
@media(max-width:430px){
  .site-nav-links a{font-size:.86rem !important}
  .site-data-notice{font-size:.74rem !important;line-height:1.42 !important}
  .hero h1,.header h1{font-size:clamp(1.45rem,7.6vw,1.9rem) !important}
  .table-wrap table{font-size:.8rem !important}
}