/* 音ゲーtips — soft editorial design, 2026-10-09.
 * Only enqueued on sdvxtips.com. Specificity covers existing SWELL custom CSS.
 * Native game art, difficulty colours and score-row geometry stay intact.
 */
html body #body_wrap {
  --sdvx-ink: #342d3f;
  --sdvx-muted: #655b70;
  --sdvx-line: #e8dfe9;
  --sdvx-paper: #fcf9fc;
  --sdvx-teal: #80506f;
  --sdvx-mint: #f8e7ef;
  --color_main: #80506f;
  --color_link: #794368;
  --color_text: #342d3f;
  --color_border: #e8dfe9;
  --color_bg: #fcf9fc;
  --color_gray: #f4eff7;
  color: var(--sdvx-ink);
  background: var(--sdvx-paper);
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
}
body #body_wrap #header {
  background: #fff;
  border-bottom-color: var(--sdvx-line);
  box-shadow: 0 3px 18px #59435f06;
}
body #body_wrap #fix_header { background: #fff; border-bottom: 1px solid var(--sdvx-line); }
body #body_wrap #fix_header .c-headLogo.-txt { color: #71466a; letter-spacing: .025em; font-weight: 800; }
body #body_wrap #header .c-headLogo.-txt {
  font-weight: 800;
  letter-spacing: .025em;
  color: #71466a;
}
body #body_wrap .l-header__inner { min-height: 88px; }
body #body_wrap .c-gnav__sBtn,
body #body_wrap .l-header__customBtn button[data-onclick="toggleSearch"] {
  background: #faf2f7;
  color: #71466a;
  border-color: #dac6d8;
  border-radius: 999px;
  box-shadow: none;
}
body #body_wrap .c-gnav__sBtn:hover,
body #body_wrap .l-header__customBtn button[data-onclick="toggleSearch"]:hover {
  background: #f1e4f0;
  border-color: #9b7594;
}
body #body_wrap #breadcrumb { background: #f7f2f8; color: var(--sdvx-muted); }
body #body_wrap .c-pageTitle {
  color: var(--sdvx-ink);
  font-weight: 800;
  letter-spacing: .015em;
  border-bottom-color: var(--sdvx-line);
}
body #body_wrap .c-pageTitle__inner {
  background: linear-gradient(transparent 77%, #f3dce8 77%, #f3dce8 94%, transparent 94%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
body #body_wrap .post_content { line-height: 1.95; }
body #body_wrap .post_content > h2,
body #body_wrap .post_content > .wp-block-group > h2 {
  border-left: 4px solid #bd83a4;
  border-radius: 0 12px 12px 0;
  background: linear-gradient(90deg, #f8eef5, #fcf9fc);
  color: var(--sdvx-ink);
  padding: 16px 20px;
  line-height: 1.55;
}
body #body_wrap .post_content > h3 { border-bottom-color: #dfc5d9; color: #71466a; }
body #body_wrap .post_content p a:not(.wp-block-button__link):not(.sdvx-home-action):not(.sdvxtips-score-cta),
body #body_wrap .post_content li a:not(.wp-block-button__link),
body #body_wrap .sdvxtips-search-help a,
body #body_wrap .sdvxtips-policy-link a { color: #794368; }
body #body_wrap a:focus-visible,
body #body_wrap button:focus-visible,
body #body_wrap input:focus-visible,
body #body_wrap select:focus-visible,
body #body_wrap textarea:focus-visible,
body #body_wrap summary:focus-visible,
body #search_modal input:focus-visible,
body #search_modal button:focus-visible {
  outline: 3px solid #80506f;
  outline-offset: 4px;
}
body #body_wrap .wp-block-button__link,
body #body_wrap .post_content a.sdvxtips-score-cta,
body #body_wrap .sdvx-tools-launch .wp-block-button__link {
  background: #80506f;
  color: #fff;
  border-color: #80506f;
  border-radius: 999px;
  box-shadow: 0 6px 16px #80506f20;
  text-decoration: none;
}
body #body_wrap .wp-block-button__link:hover,
body #body_wrap .post_content a.sdvxtips-score-cta:hover,
body #body_wrap .sdvx-tools-launch .wp-block-button__link:hover {
  background: #68405c;
  border-color: #68405c;
  color: #fff;
}
/* Spacious entry cards: soft colour fields and a small editorial label. */
body #body_wrap .post_content .sdvx-sketch-row {
  border: 1px solid #e5d6e5;
  border-top: 1px solid #e5d6e5;
  border-radius: 28px;
  padding: 44px !important;
  box-shadow: 0 12px 32px -24px #86618065;
}
body #body_wrap .post_content .sdvx-sketch-tools {
  background: linear-gradient(120deg, #f3eaf8 0%, #fbf4f9 65%, #f9e8f0 100%);
  border-color: #e2d4e9;
}
body #body_wrap .post_content .sdvx-sketch-blog {
  background: linear-gradient(120deg, #fff9f5, #fcebf1);
  border-top: 1px solid #ead8e3;
}
body #body_wrap .post_content .sdvx-sketch-title {
  font-size: clamp(30px, 3.6vw, 48px) !important;
  font-weight: 800;
  letter-spacing: .005em;
  line-height: 1.4;
}
body #body_wrap .sdvx-sketch-title a,
body #body_wrap .sdvx-sketch-tools .sdvx-sketch-title a { color: #583c61; }
body #body_wrap .sdvx-sketch-title a::before {
  display: block;
  width: fit-content;
  margin-bottom: 14px;
  padding: 5px 12px;
  border: 1px solid #d4bad4;
  border-radius: 999px;
  color: #71466a;
  background: #ffffffb8;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .16em;
}
body #body_wrap .sdvx-sketch-tools .sdvx-sketch-title a::before { content: "SCORE & PLAY"; }
body #body_wrap .sdvx-sketch-blog .sdvx-sketch-title a::before { content: "TIPS & STORIES"; }
body #body_wrap .sdvx-sketch-row .sdvx-sketch-title a::after { border-radius: 28px; }
body #body_wrap .sdvx-sketch-row:has(.sdvx-sketch-title a:focus-visible) { outline-color: #80506f; }
body #body_wrap .post_content .sdvx-sketch-caption,
body #body_wrap .sdvx-sketch-tools .sdvx-sketch-caption { color: var(--sdvx-muted); }
body #body_wrap .sdvx-sketch-tools .sdvx-sketch-image figcaption { color: var(--sdvx-muted) !important; }
body #body_wrap .sdvx-sketch-image img { border-radius: 20px; border-color: #e2d5e5; }
body #body_wrap .post_content .sdvx-home-actions a.sdvx-home-action {
  background: #fff;
  color: #71466a;
  border-color: #dfcddb;
  border-radius: 22px;
  box-shadow: 0 4px 18px #80506f08;
}
body #body_wrap .post_content .sdvx-home-actions a.sdvx-home-action:hover { background: #faf0f6; border-color: #a6789a; }
/* Image-first article cards with quieter dates and pill categories. */
body #body_wrap .sdvx-blog-cards .wp-block-post,
body #body_wrap .sdvx-home-card {
  border-color: #e6dce8;
  border-radius: 22px;
  box-shadow: 0 8px 24px -18px #80506f32;
}
body #body_wrap .sdvx-blog-cards .wp-block-post:hover,
body #body_wrap .sdvx-home-card:hover { box-shadow: 0 14px 30px -20px #80506f60; }
body #body_wrap .sdvx-blog-cards .wp-block-post-title { font-size: 19px !important; line-height: 1.75; }
body #body_wrap .sdvx-blog-cards .wp-block-post-title a { color: #583c61; text-decoration: none; }
body #body_wrap .sdvx-blog-cards .wp-block-post-title a:hover { text-decoration: underline; }
body #body_wrap .sdvx-blog-cards .wp-block-post-terms a {
  display: inline-block;
  padding: 3px 10px;
  background: #faf0f7;
  border: 1px solid #e8cfe0;
  border-radius: 999px;
  color: #794368;
  text-decoration: none;
  font-weight: 700;
}
body #body_wrap .sdvxsd-list-dates,
body #body_wrap .sdvxtips-total-pv,
body #body_wrap .sdvxtips-pv-note,
body #body_wrap .sdvxtips-comment-rule { color: var(--sdvx-muted); }
body #body_wrap:has(#tool-guide) .post_content > .wp-block-list a { border-radius: 16px; }
body #body_wrap:has(#tool-guide) .post_content > .wp-block-list a:hover { background: #faf0f7; border-color: #a6789a; }
/* Light score surfaces. Native badges and chart difficulty colours are not recoloured. */
body #body_wrap .sdvx-score-desk {
  --sdvxsd-accent: #80506f;
  --sdvxsd-cyan: #80506f;
  --sdvxsd-line: #ded2e1;
  --sdvxsd-muted: #655b70;
  --sdvxsd-text: #342d3f;
  color: var(--sdvx-ink);
}
body #body_wrap .sdvx-score-desk__notice,
body #body_wrap .sdvx-score-desk__official {
  background: #f7eff9;
  color: #513e5b;
  border-color: #dfcde5;
  border-radius: 18px;
}
body #body_wrap .sdvx-score-desk__dropzone {
  background: #fff;
  border-color: #b597b3;
  border-radius: 24px;
  box-shadow: 0 6px 22px #80506f06;
}
body #body_wrap .sdvx-score-desk__dropzone:hover,
body #body_wrap .sdvx-score-desk__dropzone.is-dragging { background: #fcf5fa; border-color: #80506f; }
body #body_wrap .sdvx-score-desk__drop-icon { color: #80506f; }
body #body_wrap .sdvx-score-desk__modes button {
  background: #fff;
  color: #583c61;
  border-color: #cbb6cf;
  border-radius: 18px;
  font-size: 1.2rem;
}
body #body_wrap .sdvx-score-desk__modes button:hover { background: #f9eff8; border-color: #a17496; }
body #body_wrap .sdvx-score-desk__modes button[aria-pressed="true"] {
  background: #80506f;
  border-color: #80506f;
  color: #fff;
  box-shadow: 0 6px 16px #80506f20;
}
body #body_wrap .sdvx-score-desk__level { border-color: #9c7fa0; border-radius: 12px; min-height: 44px; }
body #body_wrap .sdvx-score-desk__level:hover { border-color: #80506f; background: #f9eff8; }
body #body_wrap .sdvx-score-desk__level[aria-pressed="true"] { background: #80506f; border-color: #80506f; color: #fff; }
body #body_wrap .sdvx-score-desk__toolbar { border-radius: 18px; }
body #body_wrap .sdvx-score-desk__sort,
body #body_wrap .sdvx-score-desk__change { color: #583c61; border-color: #9c7fa0; border-radius: 12px; }
body #body_wrap .sdvx-score-desk__change:hover { background: #faf0f7; border-color: #80506f; }
body #body_wrap .sdvx-score-desk .sdvx-score-desk__chart { border-color: #e4dbe8; border-radius: 16px; }
body #body_wrap .sdvx-score-desk .sdvx-score-desk__chart.is-unplayed { background: #f5f1f8; }
body #body_wrap .sdvx-score-desk .sdvx-score-desk__chart.is-mismatch { border-color: #bdaa77; }
body #body_wrap .sdvx-score-desk__rank { color: #71466a; background: #f5e9f2; border-radius: 8px; }
body #body_wrap .sdvx-score-desk__jacket { border-color: #dfd1e3; background: #f5eff8; }
body #body_wrap .sdvx-score-desk__jacket-fallback { color: #86688b; background: linear-gradient(135deg, #f4edf9, #f8e8f0); }
body #body_wrap .sdvx-score-desk__filters label { color: #583c61; }
body #body_wrap .sdvx-score-desk__filters input,
body #body_wrap .sdvx-score-desk__filters select,
body #body_wrap .sdvx-score-desk__official textarea { border-color: #9c7fa0; color: #342d3f; border-radius: 12px; }
body #body_wrap .sdvx-score-desk__bookmarklet { background: #80506f; border-radius: 999px; }
body #body_wrap .sdvx-score-desk__saved-meta,
body #body_wrap .sdvx-score-desk__record-note { color: var(--sdvx-muted); }
body #body_wrap .sdvx-score-desk__csv-preview { background: #faf0f7; border-color: #80506f; }
body #body_wrap .sdvx-score-desk .sdvx-score-desk__vf-reference-note {
  background: #f7eff9;
  color: #513e5b;
  border-color: #dfcde5;
  border-left-color: #a575aa;
  border-radius: 14px;
}
body #body_wrap .sdvx-score-desk__vf-current { background: #f5eaf4; color: #71466a; border-left-color: #a575aa; border-radius: 0 14px 14px 0; }
body #body_wrap .sdvx-score-desk__vf-stats > div { background: #faf5fc; border-color: #e4d5e9; border-radius: 16px; }
body #body_wrap .sdvx-score-desk__vf-stats dt { color: var(--sdvx-muted); }
body #body_wrap .sdvx-score-desk__vf-stats dd { color: #71466a; }
body #body_wrap .sdvx-score-desk__vf-breakdown,
body #body_wrap .sdvx-score-desk__entry-group,
body #body_wrap .sdvx-score-desk .sdvx-score-desk__entry-card { border-color: #e1d3e5; border-radius: 16px; }
body #body_wrap .sdvx-score-desk__vf-breakdown summary,
body #body_wrap .sdvx-score-desk .sdvx-score-desk__entry-heading { color: #583c61; }
body #body_wrap .sdvx-score-desk__entry-toggle { background: #f5ecf8; color: #583c61; border-radius: 15px; }
body #body_wrap .sdvx-score-desk__entry-toggle:hover { background: #eee2f3; }
body #body_wrap .sdvx-score-desk__entry-group[open] > .sdvx-score-desk__entry-toggle { border-bottom-color: #e1d3e5; border-radius: 15px 15px 0 0; }
body #body_wrap .sdvx-score-desk__entry-goal { background: #f6e8f1; color: #794368; border-radius: 999px; }
body #body_wrap .sdvx-score-desk .sdvx-score-desk__entry-gap { color: #71466a; }
body #body_wrap .sdvx-score-desk .sdvx-score-desk__entry-extra { background: #faf4fc; }
/* Search and forms share the site's visual language. Validation colours stay distinct. */
body #body_wrap .p-toc { background: #faf5fc; border-color: #e4d5e9; border-radius: 18px; }
body #body_wrap .p-commentArea { border-color: #e4d5e9; }
body #body_wrap #comments .ot-comment-notice { background: #faf4fc; border-left-color: #a575aa; color: #583c61; }
body #body_wrap .sdvxtips-anon-comment,
body #body_wrap .sdvxtips-comment-notice { background: #faf4fc; border-color: #e4d5e9; color: #583c61; border-radius: 16px; }
body #body_wrap .comment-form-comment textarea,
body #body_wrap .wpcf7 input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
body #body_wrap .wpcf7 textarea,
body #body_wrap .sdvxtips-search-again input { border-color: #9c7fa0; background: #fff; color: #342d3f; border-radius: 12px; }
body #body_wrap .form-submit #submit,
body #body_wrap .wpcf7 input[type="submit"],
body #body_wrap .sdvxtips-search-again button { background: #80506f; color: #fff; border-radius: 999px; }
body #body_wrap #comments #submit:hover { background: #68405c; }
body #body_wrap #footer { background: #fff; border-top-color: #eadfea; color: var(--sdvx-muted); }
@media (max-width: 767px) {
  body #body_wrap .l-header__inner { min-height: 74px; }
  body #body_wrap .c-pageTitle { font-size: 30px; }
  body #body_wrap .post_content .sdvx-sketch-row { padding: 26px !important; border-radius: 24px; }
  body #body_wrap .post_content .sdvx-sketch-title { font-size: 28px !important; }
  body #body_wrap .sdvx-sketch-row .sdvx-sketch-title a::after { border-radius: 24px; }
  body #body_wrap .sdvx-sketch-title a::before { font-size: 10px; margin-bottom: 10px; }
  body #body_wrap .sdvx-blog-cards .wp-block-post-title { font-size: 17px !important; }
  body #body_wrap .sdvx-blog-cards .wp-block-post-template { grid-template-columns: minmax(0, 1fr) !important; }
  body #body_wrap .post_content > h2,
  body #body_wrap .post_content > .wp-block-group > h2 { padding: 14px 16px; }
}
@media (max-width: 380px) {
  body #body_wrap .post_content .sdvx-sketch-row { padding: 20px !important; }
  body #body_wrap .post_content .sdvx-sketch-title { font-size: 24px !important; }
  body #body_wrap .sdvx-score-desk__modes button { font-size: 1.1rem; }
}
@media (prefers-reduced-motion: reduce) {
  body #body_wrap .wp-block-button__link,
  body #body_wrap .sdvx-home-card,
  body #body_wrap .sdvx-blog-cards .wp-block-post { transition: none; transform: none !important; }
}