/* 2026-11-09 一覧図の見た目を、承認済みの静止サンプル（/top/sample/）と同じ部品・同じ色・同じボタンの作りにする。
   このページだけ（body.skin-dark）に効く。shared/promo.css・promo.js は触らない。機能・JS は変えない。 */
body.skin-dark{--bg:#05070f;--line:#2a3a66;--edge:#3b57a3;--ink:#fff;--mut:#a9b7d9;--gold:#ffd166;--glow:#1e8cff;--cyan:#39d0ff;--upc:#22e58a;--dnc:#ff4d6d;--m:"IBM Plex Mono",ui-monospace,monospace;background:#05070f;color:#fff}
html:has(body.skin-dark){background:#05070f}

/* ===== 共通の部品（サンプルの「ボタンは他のツールと同じ作り」） ===== */
@keyframes goldsweep{0%{left:-60%}55%{left:-60%}100%{left:130%}}
@keyframes goldbreath{0%,100%{box-shadow:inset 0 0 0 1px rgba(120,72,0,.55),0 0 16px rgba(255,200,60,.45),0 5px 12px rgba(0,0,0,.22)}50%{box-shadow:inset 0 0 0 1px rgba(120,72,0,.55),0 0 28px rgba(255,200,60,.75),0 5px 12px rgba(0,0,0,.22)}}
body.skin-dark .selbtn,body.skin-dark .v4bar .srch,body.skin-dark .v4bar .v4btn:not(.gold),body.skin-dark .saverow .btn-line,body.skin-dark .ttabs button,body.skin-dark .lsubs button,body.skin-dark .lchain button,body.skin-dark #mapClose,body.skin-dark .kp-top .kp-navbtn,body.skin-dark .kp-top .kt-langs button,body.skin-dark .kp-top .kt-langs a{
  position:relative;color:#fff;font-weight:800;background:linear-gradient(180deg,#1a2746 0%,#0e1730 55%,#0a1124 100%);border:1px solid var(--edge);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -2px 0 rgba(0,0,0,.45),0 4px 0 #050914,0 6px 14px rgba(0,0,0,.5),0 0 0 1px rgba(20,30,60,.8);
  transition:transform .15s,box-shadow .15s,filter .15s;cursor:pointer}
body.skin-dark .selbtn:hover,body.skin-dark .v4bar .srch:hover,body.skin-dark .v4bar .srch:focus-within,body.skin-dark .v4bar .v4btn:not(.gold):hover,body.skin-dark .saverow .btn-line:hover,body.skin-dark .ttabs button:hover,body.skin-dark .lsubs button:hover,body.skin-dark .lchain button:hover,body.skin-dark #mapClose:hover,body.skin-dark .kp-top .kp-navbtn:hover,body.skin-dark .kp-top .kt-langs button:hover,body.skin-dark .kp-top .kt-langs a:hover{
  transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -2px 0 rgba(0,0,0,.45),0 6px 0 #050914,0 10px 22px rgba(30,140,255,.35),0 0 0 1px var(--edge);filter:brightness(1.1)}
body.skin-dark .selbtn:active,body.skin-dark .v4bar .v4btn:active,body.skin-dark .saverow .btn-line:active,body.skin-dark .ttabs button:active,body.skin-dark .lsubs button:active,body.skin-dark .lchain button:active,body.skin-dark #mapClose:active,body.skin-dark .kp-top .kp-navbtn:active,body.skin-dark .kp-top .kt-langs button:active,body.skin-dark .v4bar .tabs button:active{
  transform:translateY(2px);box-shadow:inset 0 2px 6px rgba(0,0,0,.6),0 1px 0 #050914;filter:none}
/* 選んだ物は青く光る（サンプルの .tab.on / .chip.on） */
body.skin-dark .ttabs button[aria-selected="true"],body.skin-dark .lsubs button[aria-pressed="true"],body.skin-dark .lchain button[aria-pressed="true"],body.skin-dark .selbtn[aria-expanded="true"],body.skin-dark .v4bar .v4btn[aria-expanded="true"]{
  background:linear-gradient(180deg,#6cc0ff 0%,#1e8cff 40%,#0b5fd0 100%);border-color:#8fdcff;color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -3px 0 rgba(0,0,0,.35),0 4px 0 #063a80,0 0 22px rgba(30,140,255,.8),0 0 0 1px rgba(57,208,255,.6);text-shadow:0 1px 2px rgba(0,0,0,.45)}

/* ===== 上の帯（promo.js が作る .kp-top）＝サンプルの .topbar ===== */
body.skin-dark .kp-top{background:#05070f;border-bottom:1px solid var(--line);padding:10px 18px;gap:12px}
body.skin-dark .kp-top .brand{color:#fff;font-weight:900;font-size:16px;white-space:nowrap}
body.skin-dark .kp-top .brand img{width:30px;height:30px;border:2px solid #ff7bd1}
body.skin-dark .kp-top .brand::after{content:"暗号資産上昇下落率バブル";display:inline-block;margin-left:8px;padding:3px 12px;border-radius:999px;font-size:13px;font-weight:900;color:#fff;background:linear-gradient(180deg,#3fa4ff,#0b63e0);border:1px solid #8fdcff;box-shadow:0 0 12px rgba(30,140,255,.8),inset 0 1px 0 rgba(255,255,255,.5);vertical-align:middle}
html[lang="en"] body.skin-dark .kp-top .brand::after{content:"Market Map"}
html[lang="ko"] body.skin-dark .kp-top .brand::after{content:"시세 지도"}
html[lang="zh-Hant"] body.skin-dark .kp-top .brand::after{content:"市場地圖"}
body.skin-dark .kp-top .brand:hover{filter:brightness(1.15)}
body.skin-dark .kp-top .tools{border-radius:999px;background:linear-gradient(180deg,#fff6c4,#ffd75a 40%,#e7a91c);color:#2b1a00;font-weight:800;border:0;padding:6px 14px;box-shadow:inset 0 0 0 1px rgba(120,72,0,.55),0 0 12px rgba(255,200,60,.5),0 3px 0 #7a5208;transition:transform .15s,filter .15s}
body.skin-dark .kp-top .tools:hover{transform:translateY(-2px);filter:brightness(1.08)}
body.skin-dark .kp-top .tools:active{transform:translateY(2px)}
body.skin-dark .kp-top .kt-langs{display:flex;gap:6px}
body.skin-dark .kp-top .kt-langs button,body.skin-dark .kp-top .kt-langs a{border-radius:10px;padding:6px 10px;font-size:13px;min-height:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 3px 0 #050914}
body.skin-dark .kp-top .kt-langs .on,body.skin-dark .kp-top .kt-langs [aria-pressed="true"],body.skin-dark .kp-top .kt-langs [aria-current]{background:linear-gradient(180deg,#5db4ff,#1e8cff 45%,#0b5fd0);border-color:#8fdcff;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 3px 0 #063a80,0 0 14px rgba(30,140,255,.8)}
body.skin-dark .kp-top .kp-navbtn{width:46px;height:46px;border-radius:14px;font-size:22px;display:none;place-items:center;margin:0}
/* ニュース＝サンプルの .news（赤い NEWS 札・金色の字） */
body.skin-dark .kp-top .kp-tick,body.skin-dark .ticker{height:34px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#0a0f1f;box-shadow:none}
body.skin-dark .kp-top .kp-tick .tkh,body.skin-dark .ticker .tkh{background:#e5304a;color:#fff;font:900 13px var(--f-body);letter-spacing:.08em;padding:0 12px;border-radius:0}
body.skin-dark .kp-tick .tk,body.skin-dark .ticker .tk{color:#ffe08a;font-weight:700}
body.skin-dark .kp-tick .tki i,body.skin-dark .ticker .tki i{color:#ffd166}

/* ===== 2段目（期間・銘柄・保存・シェア） ===== */
body.skin-dark .v4bar{background:#05070f;border-bottom:1px solid var(--line);padding:12px 18px;gap:14px}
body.skin-dark .v4bar .logo{color:#fff;font-size:22px;font-weight:900}
body.skin-dark .v4bar .logo i{color:#fff;text-shadow:none}
body.skin-dark .v4bar .logo:hover{filter:brightness(1.15)}
/* 期間＝サンプルの .seg（丸い枠・選んだ物は青く光る） */
body.skin-dark .v4bar .tabs{position:relative;background:linear-gradient(180deg,#1a2746 0%,#0e1730 55%,#0a1124 100%);border:1px solid var(--edge);border-radius:999px;padding:5px;gap:2px;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -2px 0 rgba(0,0,0,.45),0 4px 0 #050914,0 6px 14px rgba(0,0,0,.5)}
body.skin-dark .v4bar .tabs button{border-radius:999px;color:#fff;font-weight:800;font-size:15px;padding:9px 18px;min-height:0;background:transparent;transition:transform .15s,background .15s,box-shadow .15s}
body.skin-dark .v4bar .tabs button:hover{background:rgba(93,180,255,.18);box-shadow:0 0 12px rgba(30,140,255,.35);transform:translateY(-1px)}
body.skin-dark .v4bar .tabs button[aria-selected="true"]{background:linear-gradient(180deg,#5db4ff 0%,#1e8cff 45%,#0b5fd0 100%);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(0,0,0,.35),0 0 18px rgba(30,140,255,.8);text-shadow:0 1px 2px rgba(0,0,0,.4)}
/* 銘柄を選ぶ・さがす＝サンプルの .box */
body.skin-dark .selbtn{border-radius:999px;font-size:15px;padding:9px 16px;min-height:42px}
body.skin-dark .v4bar .srch{border-radius:999px;padding:0 16px;min-height:42px;max-width:320px;color:#dfe6f5;cursor:text}
body.skin-dark .v4bar .srch input{color:#fff;font-size:15px;font-weight:700}
body.skin-dark .v4bar .srch input::placeholder{color:#dfe6f5;opacity:1}
/* 保存＝暗い立体・シェア＝金のボタン（光が走る） */
body.skin-dark .v4bar .act .v4btn,body.skin-dark .v4bar .act .v4btn.gold{height:44px;min-height:44px;max-height:44px;border-radius:14px;font-size:15px;font-weight:800;padding:0 18px;gap:8px;text-decoration:none}
body.skin-dark .v4bar .v4btn.gold{position:relative;overflow:hidden;color:#2b1a00;border:0;font-weight:900;font-size:16px;padding:0 20px;background:linear-gradient(180deg,#fff6c4 0%,#ffd75a 34%,#e7a91c 70%,#c17f06 100%);box-shadow:inset 0 0 0 1px rgba(120,72,0,.55),0 0 16px rgba(255,200,60,.45),0 5px 12px rgba(0,0,0,.22);animation:goldbreath 3.2s ease-in-out infinite;text-shadow:0 1px 0 rgba(255,255,255,.5);transition:transform .15s,filter .15s}
body.skin-dark .v4bar .v4btn.gold::before{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.85) 50%,rgba(255,255,255,0));transform:skewX(-18deg);animation:goldsweep 2.8s ease-in-out infinite;pointer-events:none}
body.skin-dark .v4bar .v4btn.gold::after{content:"";position:absolute;inset:0 0 50% 0;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));pointer-events:none;border-radius:14px 14px 0 0}
body.skin-dark .v4bar .v4btn.gold:hover{transform:translateY(-2px);filter:brightness(1.08)}
body.skin-dark .v4bar .v4btn.gold:active{transform:translateY(2px);filter:brightness(.95)}
body.skin-dark .saverow{background:#0a0f1f;border:1px solid var(--edge);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.6)}
body.skin-dark .saverow b{color:#dfe6f5}
body.skin-dark .saverow .btn-line{border-radius:12px;min-height:42px}

/* ===== 6タブ＝サンプルの .tab ===== */
body.skin-dark .ttabs{display:flex;gap:12px;padding:12px 18px;background:#05070f;border-bottom:0;overflow:visible}
body.skin-dark .ttabs button{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;border-radius:16px;font-weight:900;font-size:17px;letter-spacing:.02em;padding:8px 10px}
body.skin-dark .ttabs button svg{width:26px;height:26px;flex:none}
body.skin-dark .ttabs button .tl small{font-size:inherit;font-weight:inherit}
body.skin-dark .ttabs button .tl br{display:none}

/* ===== 泡の図の箱 ===== */
body.skin-dark .hero{background:#05070f;padding:0 18px 4px}
body.skin-dark .hero #board{border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 30px rgba(0,0,0,.45)}
body.skin-dark .hero .hleg{color:#c9d4f0}

/* ===== TOP5＝サンプルの .top（上に緑／赤の線） ===== */
body.skin-dark .tops .top{background:#0a0f1f;border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 30px rgba(0,0,0,.45)}
body.skin-dark .tops .top.up{border-top:4px solid var(--upc)}
body.skin-dark .tops .top.down{border-top:4px solid var(--dnc)}
body.skin-dark .tops .top.up h2{color:var(--upc)}
body.skin-dark .tops .top.down h2{color:var(--dnc)}
body.skin-dark .tops .top h2{font:900 16px var(--f-body)}
body.skin-dark .tops .top .tn{color:var(--mut)}
body.skin-dark .tops .top .r{border-bottom:1px solid #121a33;font-weight:800}
body.skin-dark .tops .top .r .num,body.skin-dark .tops .top .r>strong:last-child,body.skin-dark .tops .top .r>span:last-child{font-family:var(--m)}

/* ===== 板 ===== */
body.skin-dark .lsec{background:transparent;border:0;padding:0}
body.skin-dark .lhead{gap:10px}
body.skin-dark .lsubs,body.skin-dark .lchain{background:transparent;border:0;padding:0;gap:10px;flex-wrap:wrap}
body.skin-dark .lsubs button,body.skin-dark .lchain button{border-radius:999px;padding:10px 20px;font-size:16px;min-height:0}
body.skin-dark .lchain{margin-left:auto}
body.skin-dark .ltwrap{border:1px solid var(--line);border-radius:16px;background:#070b16;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 30px rgba(0,0,0,.45)}
body.skin-dark .ltbl{background:#070b16;font-size:15.5px}
body.skin-dark .ltbl th{background:#070b16;color:#dfe6f5;font-size:14px;font-weight:800;letter-spacing:0;text-transform:none;padding:12px 10px;border-bottom:1px solid var(--line)}
body.skin-dark .ltbl th button{color:#dfe6f5;font-weight:800;font-size:14px;border-radius:8px;padding:4px 6px;transition:background .15s,color .15s,box-shadow .15s}
body.skin-dark .ltbl th button:hover{background:#13224a;color:#fff;box-shadow:0 0 10px rgba(30,140,255,.35)}
body.skin-dark .ltbl th button:active{transform:translateY(1px)}
body.skin-dark .ltbl td{padding:7px 10px;border-bottom:1px solid #0f1730;color:#fff}
body.skin-dark .ltbl td.num{font-family:var(--m);font-size:15.5px;color:#fff;font-weight:700}
body.skin-dark .ltbl td.up{color:var(--upc)}
body.skin-dark .ltbl td.dn{color:var(--dnc)}
body.skin-dark .ltbl tbody tr:hover{background:#111b36}
body.skin-dark .ltbl tbody tr.cur td{background:linear-gradient(90deg,#3a1d6e,#241243)}
body.skin-dark .ltbl tbody tr.cur{box-shadow:inset 4px 0 0 #b06cff}
body.skin-dark .ltbl td.coin{display:table-cell;vertical-align:middle}body.skin-dark .ltbl td{vertical-align:middle}body.skin-dark .ltbl td.coin img{width:34px;height:34px;display:inline-block;vertical-align:middle}body.skin-dark .ltbl td.coin>div{display:inline-block;vertical-align:middle;margin-left:10px}
body.skin-dark .ltbl td.coin b{font:900 15px var(--f-body);color:#fff}
body.skin-dark .ltbl td.coin small.has{color:#9fb0ff;font-weight:700;font-size:11.5px}
body.skin-dark .ltbl .fav{color:#c9d4f0;font-size:20px}
body.skin-dark .ltbl .fav:hover{color:var(--gold);transform:scale(1.2)}
body.skin-dark .ltbl .fav.on{color:var(--gold);text-shadow:0 0 12px rgba(255,209,102,.9)}
body.skin-dark .ltbl .tag{background:#121a33;border:1px solid #3b4f86;color:#fff;border-radius:8px;padding:3px 10px;font-size:14px}
body.skin-dark .ltbl .sbar{width:110px;height:12px;border-radius:6px;background:#1f2b4d;margin-right:10px}
body.skin-dark .ltbl .sbar i{background:linear-gradient(90deg,#1e8cff,#39d0ff,#7cffb0)}
body.skin-dark .ltbl .sbar.mid i{background:linear-gradient(90deg,#e7a91c,#ffd166)}
body.skin-dark .ltbl .sbar.low i{background:linear-gradient(90deg,#ff4d6d,#ff8a8f)}
body.skin-dark #lnote,body.skin-dark .note{color:var(--mut)}
body.skin-dark #fMap{border:1px solid var(--edge);border-radius:18px;background:#070b16;box-shadow:0 0 0 1px rgba(57,208,255,.15),0 0 40px rgba(30,140,255,.15)}

/* ===== 準備中の箱 ===== */
body.skin-dark .soonsec .soonbox{background:#0a0f1f;border:1px solid var(--line);border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 30px rgba(0,0,0,.45)}
body.skin-dark .soonbox strong{color:#fff}
body.skin-dark .soonbox span{color:#c9d4f0}

/* ===== 下の段の押せる物（反応しない物を0に） ===== */
body.skin-dark .tool{background:#0a0f1f;border:1px solid var(--line)}
body.skin-dark .tool:hover{box-shadow:0 10px 24px rgba(30,140,255,.3);border-color:var(--edge)}
body.skin-dark .btn-blue,body.skin-dark .btn-x,body.skin-dark .btn-gold{transition:transform .15s,filter .15s}
body.skin-dark .btn-blue:hover,body.skin-dark .btn-x:hover,body.skin-dark .btn-gold:hover,body.skin-dark .tool:hover .btn-blue{transform:translateY(-2px);filter:brightness(1.12)}
body.skin-dark .posts a:hover{filter:brightness(1.12)}
body.skin-dark footer a:hover{color:var(--gold)}

/* ===== スマホ（サンプルの「スマホ_泡の図」「スマホ_板」の並び） ===== */
@media (max-width:640px){
  html:has(body.skin-dark),body.skin-dark{overflow-x:hidden;max-width:100vw}
  body.skin-dark .kp-top{flex-wrap:nowrap;gap:8px;padding:8px 10px}
  body.skin-dark .kp-top .kp-navbtn{display:inline-grid;order:-1;width:44px;height:44px;flex:none}
  body.skin-dark .kp-top .brand{flex:1 1 auto;min-width:0;font-size:14px;line-height:1.2;gap:6px;white-space:normal;overflow:visible}
  body.skin-dark .kp-top .brand img{flex:none}
  body.skin-dark .kp-top .brand::after{flex:none;white-space:nowrap}
  body.skin-dark .kp-top .brand img{width:28px;height:28px}
  body.skin-dark .kp-top .brand::after{font-size:12px;padding:2px 10px;margin-left:4px}
  body.skin-dark .kp-top .tools{display:none}
  body.skin-dark .kp-top .right{flex:none}
  /* 言語：選んでいる物だけ見せ、押すと4つが出る（ほかのツールと同じ4言語のまま） */
  body.skin-dark .kp-top .kt-langs{position:relative;display:block;cursor:pointer;-webkit-tap-highlight-color:transparent}
  body.skin-dark .kp-top .kt-langs>.on,body.skin-dark .kp-top .kt-langs>[aria-pressed="true"],body.skin-dark .kp-top .kt-langs>[aria-current]{pointer-events:none}
  body.skin-dark .kp-top .kt-langs>*{display:none}
  body.skin-dark .kp-top .kt-langs>.on,body.skin-dark .kp-top .kt-langs>[aria-pressed="true"],body.skin-dark .kp-top .kt-langs>[aria-current]{display:inline-flex;align-items:center;font-size:13px;padding:8px 10px}
  body.skin-dark .kp-top .kt-langs>.on::after,body.skin-dark .kp-top .kt-langs>[aria-pressed="true"]::after{content:" ▾";white-space:pre;font-size:10px}
  body.skin-dark .kp-top .kt-langs:hover,body.skin-dark .kp-top .kt-langs:focus-within{display:flex;flex-direction:column;gap:6px;position:absolute;right:10px;top:8px;z-index:70;background:#0a0f1f;border:1px solid var(--edge);border-radius:12px;padding:6px;box-shadow:0 10px 30px rgba(0,0,0,.6)}
  body.skin-dark .kp-top .kt-langs:hover>*,body.skin-dark .kp-top .kt-langs:focus-within>*{display:inline-flex;justify-content:center}
  body.skin-dark .ticker{position:static;margin:8px 10px;width:auto;height:32px}
  body.skin-dark .ticker .tkh{font-size:12px;padding:0 10px}
  body.skin-dark .v4bar{position:static;flex-wrap:wrap;gap:8px;padding:2px 10px 10px;border-bottom:1px solid var(--line);height:auto;min-height:0}
  body.skin-dark .v4bar .logo{display:none}
  body.skin-dark .v4bar .tabs{position:relative;left:auto;right:auto;bottom:auto;flex:1 1 100%;display:flex;justify-content:space-between;z-index:auto;margin:0}
  body.skin-dark .v4bar .tabs button{flex:1 1 0;padding:9px 4px;font-size:14px;text-align:center}
  body.skin-dark .v4bar .selbtn{flex:1 1 58%;min-width:0;font-size:13px;padding:8px 10px;min-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.skin-dark .v4bar .srch{display:flex;flex:1 1 36%;min-width:0;max-width:none;min-height:40px;padding:0 10px}
  body.skin-dark .v4bar .srch input{font-size:13px;min-width:0;width:100%}
  body.skin-dark .v4bar .act{flex:1 1 100%;margin:0;gap:8px}
  body.skin-dark .v4bar .act .v4btn,body.skin-dark .v4bar .act .v4btn.gold{flex:1 1 0;justify-content:center;min-width:0}
  body.skin-dark .v4bar .act .v4btn.gold{flex:1.2 1 0}
  body.skin-dark .v4btn .lbl{display:inline}
  body.skin-dark .saverow{top:52px}
  body.skin-dark .ttabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;padding:8px 10px 10px;overflow:visible}
  body.skin-dark .ttabs button{min-width:0;min-height:72px;flex-direction:column;gap:5px;padding:6px 1px;font-size:10px;line-height:1.15;border-radius:12px;text-align:center;letter-spacing:0;overflow-wrap:anywhere}
  body.skin-dark .ttabs button svg{width:22px;height:22px}
  body.skin-dark .ttabs button .tl{display:block}
  body.skin-dark .ttabs button .tl br{display:inline}
  body.skin-dark .ttabs button .tl small{display:block;font-size:8.5px;font-weight:800;letter-spacing:0;padding:0 3px;margin-top:1px}
  body.skin-dark .hero{height:auto;min-height:0;padding:0 10px 4px}
  body.skin-dark .hero #board{flex:none;height:420px}
  body.skin-dark .hero .hleg{flex-wrap:wrap;white-space:normal;height:auto;padding:6px 2px}
  body.skin-dark main.wrap{padding-left:10px;padding-right:10px}
  body.skin-dark .tops{grid-template-columns:1fr;gap:10px}
  body.skin-dark .lsubs button,body.skin-dark .lchain button{font-size:13px;padding:8px 12px}
  body.skin-dark .lsubs,body.skin-dark .lchain{gap:6px}
  body.skin-dark .lchain{margin-left:0}
  body.skin-dark .ltbl th,body.skin-dark .ltbl td{padding:8px 6px;font-size:13px}
  body.skin-dark .ltbl th button{font-size:13px}
  body.skin-dark .ltbl td.num{font-size:13px}
  body.skin-dark .ltbl td.coin img{width:28px;height:28px}
  body.skin-dark .ltbl .sbar{width:60px}
}

/* 2026-11-09 金ちゃん「左のメニューはずっと開きっぱなしは嫌。☰を押したら開く（スマホと同じ）」→ PC でも引き出し式 */
@media (min-width:1100px){
  html.kp-has-side body.skin-dark,html.kp-dark.kp-has-side body.skin-dark{padding-left:0}
  html.kp-has-side body.skin-dark .kp-navbtn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;font-size:22px;cursor:pointer;margin-right:8px;color:#fff;background:linear-gradient(180deg,#1a2746,#0e1730 55%,#0a1124);border:1px solid #3b57a3;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -2px 0 rgba(0,0,0,.45),0 4px 0 #050914}
  html.kp-has-side body.skin-dark .kp-navbtn:hover{transform:translateY(-2px);filter:brightness(1.1)}
  html.kp-has-side body.skin-dark .kp-nav.side{display:none;position:fixed;left:0;top:0;bottom:0;width:272px;z-index:60;flex-direction:column;padding:70px 14px 16px;box-shadow:12px 0 40px rgba(0,0,0,.55)}
  html.kp-has-side.kp-side-open body.skin-dark .kp-nav.side{display:flex}
  html.kp-has-side.kp-side-open body.skin-dark::before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:55}
}

/* 2026-11-09 スマホでクジラマップを開いた時：表は隠し、小窓を画面いっぱいに（サンプルどおり）。表の min-width で枠が 880px に広がる不具合を止める */
@media (max-width:900px){
  body.skin-dark .lsplit{grid-template-columns:minmax(0,1fr)}
  body.skin-dark .lsplit.open{grid-template-columns:minmax(0,1fr)}
  body.skin-dark.map-open .lsplit.open .lleft{display:none}
  body.skin-dark .lsplit.open .lright{width:100%;min-width:0;max-width:100%}
  body.skin-dark #fMap{width:100%;min-width:0;max-width:100%}
  body.skin-dark .lleft,body.skin-dark .ltwrap{min-width:0;max-width:100%;overflow-x:auto}
}

/* 2026-11-09 PC でクジラマップを開いている間は右の札の列を隠し、小窓を広く（承認済みの PC_map と同じ）。閉じると戻る */
@media (min-width:1100px){
  body.skin-dark.map-open main.wrap>aside{display:none}
  body.skin-dark.map-open main.wrap>.col{flex-basis:100%}
  body.skin-dark .lsplit.open{grid-template-columns:minmax(0,.55fr) minmax(0,1fr)}
}

/* 2026-11-09 監査の直し：PC は泡の図の右に札の列（承認済み②）。tabs.js が .pcgrid に包む。スマホのタブ文字・説明文・言語の押した時 */
@media (min-width:1100px){
  body.skin-dark .pcgrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:0 24px;max-width:1240px;margin:0 auto;padding:0 16px;align-items:start}
  body.skin-dark .pcgrid>.pcl{min-width:0}
  body.skin-dark .pcgrid>aside{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:16px;padding-top:12px}
  body.skin-dark .pcgrid .hero{padding-left:0;padding-right:0}
  body.skin-dark .pcgrid main.wrap{padding-left:0;padding-right:0;max-width:none}
  body.skin-dark.map-open .pcgrid{grid-template-columns:minmax(0,1fr)}
  body.skin-dark.map-open .pcgrid>aside{display:none}
}
@media (max-width:1099px){ body.skin-dark .pcgrid>aside{padding:0 16px 24px} }
@media (max-width:640px){
  body.skin-dark .ttabs button .tl small{font-size:7.4px;letter-spacing:-.3px;white-space:nowrap;padding:0}
  body.skin-dark .hero .hleg .legend{white-space:normal;overflow:visible;text-overflow:clip;flex:1 1 100%}
}
body.skin-dark .kp-top .kt-langs a:active,body.skin-dark .kp-top .kt-langs button:active{transform:translateY(2px)}

/* 2026-11-09 金ちゃん①：パンダは上の帯の1つだけ。③：左メニューの下に金ちゃんの絵と文字 */
body.skin-dark .v4bar .logo img{display:none}
body.skin-dark .kp-nav.side .kp-me{margin-top:auto;padding:18px 6px 6px;text-align:center}
body.skin-dark .kp-nav.side .kp-me img{width:200px;max-width:100%;height:auto;display:block;margin:0 auto;filter:drop-shadow(0 0 18px rgba(80,120,255,.35))}

/* ===================================================================================================
   2026-11-09 レオ：金ちゃん「デザインはゆうこのラフ案が100点。忠実に再現」
   お手本＝docs_leo/img/ゆうこ案_20261108/ゆうこ_PC_板とクジラマップ_完成形_20261109.webp
   見た目だけ（色・光り・枠・線・帯・ボタンの形・余白・字の太さ）。中身・構成・文言・機能は変えない。
   太い暗い枠＋下の厚い影（ゲーム機のボタン）→ 1px の明るい青紫の細い輪郭＋外に淡い光（ネオン）。金のシェアは今のまま。
   =================================================================================================== */
body.skin-dark{--neon:#6c8cff;--neon2:#b06cff;background:transparent}
/* 9. 背景：ほぼ黒の紺＋下にうっすら紫・青の光の波（絵は使わない） */
html:has(body.skin-dark){background-color:#04060f;background-image:radial-gradient(ellipse 45% 26% at 16% 104%,rgba(176,108,255,.22),transparent 72%),radial-gradient(ellipse 45% 26% at 84% 104%,rgba(60,140,255,.22),transparent 72%),radial-gradient(ellipse 80% 18% at 50% 100%,rgba(120,90,255,.14),transparent 75%),linear-gradient(180deg,#05071a,#04060f 40%,#060818);background-attachment:fixed}
body.skin-dark .kp-top,body.skin-dark .v4bar,body.skin-dark .ttabs,body.skin-dark .hero{background:transparent}

/* ---- 1. 押せる物：細いネオンの輪郭（青→紫）＋外に淡い光 ---- */
body.skin-dark .selbtn,body.skin-dark .v4bar .srch,body.skin-dark .v4bar .v4btn:not(.gold),body.skin-dark .saverow .btn-line,body.skin-dark .ttabs button,body.skin-dark .lsubs button,body.skin-dark .lchain button,body.skin-dark #mapClose,body.skin-dark .kp-top .kp-navbtn,body.skin-dark .kp-top .kt-langs button,body.skin-dark .kp-top .kt-langs a,html.kp-has-side body.skin-dark .kp-navbtn,body.skin-dark .v4bar .tabs{
  background:linear-gradient(180deg,#0e1530,#090e22) padding-box,linear-gradient(100deg,#6c8cff,#8f7cff 55%,#b06cff) border-box;
  border:1px solid transparent;
  box-shadow:0 0 10px rgba(108,140,255,.30),0 0 22px rgba(130,108,255,.12),inset 0 0 12px rgba(108,140,255,.10)}
body.skin-dark .selbtn:hover,body.skin-dark .v4bar .srch:hover,body.skin-dark .v4bar .srch:focus-within,body.skin-dark .v4bar .v4btn:not(.gold):hover,body.skin-dark .saverow .btn-line:hover,body.skin-dark .ttabs button:hover,body.skin-dark .lsubs button:hover,body.skin-dark .lchain button:hover,body.skin-dark #mapClose:hover,body.skin-dark .kp-top .kp-navbtn:hover,body.skin-dark .kp-top .kt-langs button:hover,body.skin-dark .kp-top .kt-langs a:hover,html.kp-has-side body.skin-dark .kp-navbtn:hover{
  transform:translateY(-2px);filter:brightness(1.15);
  background:linear-gradient(180deg,#131c3e,#0b1229) padding-box,linear-gradient(100deg,#8fa8ff,#a98cff 55%,#c88cff) border-box;
  box-shadow:0 0 14px rgba(120,150,255,.60),0 0 30px rgba(150,110,255,.30),inset 0 0 14px rgba(120,150,255,.18)}
body.skin-dark .selbtn:active,body.skin-dark .v4bar .v4btn:not(.gold):active,body.skin-dark .saverow .btn-line:active,body.skin-dark .ttabs button:active,body.skin-dark .lsubs button:active,body.skin-dark .lchain button:active,body.skin-dark #mapClose:active,body.skin-dark .kp-top .kp-navbtn:active,body.skin-dark .kp-top .kt-langs button:active,body.skin-dark .kp-top .kt-langs a:active,html.kp-has-side body.skin-dark .kp-navbtn:active{
  transform:translateY(1px);filter:brightness(.95);box-shadow:0 0 6px rgba(108,140,255,.35),inset 0 2px 8px rgba(0,0,0,.55)}
/* 期間の箱そのものは押せないので浮かせない */
body.skin-dark .v4bar .tabs{transform:none!important;filter:none!important}
/* 選んだ物＝青のグラデで強く光る */
body.skin-dark .ttabs button[aria-selected="true"],body.skin-dark .lsubs button[aria-pressed="true"],body.skin-dark .lchain button[aria-pressed="true"],body.skin-dark .selbtn[aria-expanded="true"],body.skin-dark .v4bar .v4btn[aria-expanded="true"],body.skin-dark .kp-top .kt-langs .on,body.skin-dark .kp-top .kt-langs [aria-pressed="true"],body.skin-dark .kp-top .kt-langs [aria-current]{
  background:linear-gradient(180deg,#3d9bff 0%,#1d6cf0 55%,#1650d0 100%) padding-box,linear-gradient(180deg,#bfe9ff,#5cc8ff) border-box;
  border:1px solid transparent;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45);
  box-shadow:0 0 14px rgba(40,150,255,.85),0 0 34px rgba(40,140,255,.40),inset 0 1px 0 rgba(255,255,255,.45)}
body.skin-dark .ttabs button[aria-selected="true"]:hover,body.skin-dark .lsubs button[aria-pressed="true"]:hover,body.skin-dark .lchain button[aria-pressed="true"]:hover{
  background:linear-gradient(180deg,#5aaeff 0%,#2a7cff 55%,#1a5ae0 100%) padding-box,linear-gradient(180deg,#e0f5ff,#7fd6ff) border-box;
  box-shadow:0 0 20px rgba(60,170,255,1),0 0 44px rgba(40,140,255,.5),inset 0 1px 0 rgba(255,255,255,.5)}
/* 期間の切替（箱の中の丸） */
body.skin-dark .v4bar .tabs button[aria-selected="true"]{background:linear-gradient(180deg,#3d9bff,#1d6cf0 55%,#1650d0);box-shadow:0 0 14px rgba(40,150,255,.9),0 0 28px rgba(40,140,255,.35),inset 0 1px 0 rgba(255,255,255,.45)}
body.skin-dark .v4bar .tabs button:hover{background:rgba(108,140,255,.22);box-shadow:0 0 12px rgba(108,140,255,.45)}
body.skin-dark .v4bar .tabs button:active{transform:translateY(1px)}

/* ---- 2. 左の引き出し（☰）：濃い紺のグラデ＋紫の光・今のページは金の枠と金の字 ---- */
html.kp-has-side body.skin-dark .kp-nav.side,body.skin-dark .kp-nav.side{
  background:linear-gradient(180deg,#0c1236 0%,#090d26 45%,#060918 100%);border-right:1px solid rgba(140,110,255,.55);
  box-shadow:1px 0 0 rgba(176,108,255,.35),6px 0 26px rgba(120,90,255,.28),16px 0 50px rgba(0,0,0,.55)}
body.skin-dark .kp-nav.side a{color:#fff;font-weight:900;border:1px solid transparent;border-radius:14px;transition:transform .15s,background .15s,box-shadow .15s,border-color .15s}
body.skin-dark .kp-nav.side a:hover{background:rgba(108,140,255,.12);border-color:rgba(108,140,255,.55);box-shadow:0 0 12px rgba(108,140,255,.35);transform:translateX(3px)}
body.skin-dark .kp-nav.side a:active{transform:translateX(1px) scale(.98)}
body.skin-dark .kp-nav.side a.cur{color:#ffd166;background:linear-gradient(180deg,rgba(255,209,102,.10),rgba(255,209,102,.03));border:2px solid #ffd166;
  box-shadow:0 0 12px rgba(255,209,102,.65),0 0 28px rgba(255,190,60,.30),inset 0 0 14px rgba(255,209,102,.18);text-shadow:0 0 10px rgba(255,209,102,.55)}
body.skin-dark .kp-nav.side a.cur .ic{filter:drop-shadow(0 0 6px rgba(255,209,102,.8))}
body.skin-dark .kp-nav.side .kp-me img{filter:drop-shadow(0 0 22px rgba(150,110,255,.45))}

/* ---- 3. 上の帯：線は紫〜青のネオン・NEWS は赤い札＋金の字・無料ツール一覧は金の札 ---- */
body.skin-dark .kp-top{border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,rgba(108,140,255,.55) 20%,rgba(176,108,255,.55) 80%,transparent) 1}
body.skin-dark .kp-top .brand img{border:2px solid #fff;box-shadow:0 0 10px rgba(255,255,255,.25)}
body.skin-dark .kp-top .brand::after{background:linear-gradient(180deg,#3d9bff,#1650d0);border:1px solid #9fdcff;box-shadow:0 0 12px rgba(40,150,255,.8)}
body.skin-dark .kp-top .kp-tick,body.skin-dark .ticker{background:transparent;border:0;border-radius:0}body.skin-dark .kp-tick .tkw,body.skin-dark .ticker .tkw{align-self:stretch}
body.skin-dark .kp-top .kp-tick .tkh,body.skin-dark .ticker .tkh{height:28px;margin-right:10px;align-self:center;border-radius:6px;background:linear-gradient(180deg,#ff4a5f,#d71f3b);border:1px solid #ff9aa8;box-shadow:0 0 12px rgba(255,60,90,.65);font-weight:900}
body.skin-dark .kp-tick .tk,body.skin-dark .ticker .tk{color:#ffd166;font-weight:900}
body.skin-dark .kp-top .tools{background:linear-gradient(180deg,#fff3a8,#ffd84a 45%,#f0b320);color:#2b1a00;font-weight:900;box-shadow:inset 0 0 0 1px rgba(150,95,0,.6),0 0 14px rgba(255,200,60,.65)}
body.skin-dark .kp-top .tools:hover{box-shadow:inset 0 0 0 1px rgba(150,95,0,.6),0 0 22px rgba(255,200,60,.95)}
body.skin-dark .kp-top .kt-langs button,body.skin-dark .kp-top .kt-langs a{border-radius:8px}

/* ---- 4. 2段目 ---- */
body.skin-dark .v4bar{border-bottom:0}
body.skin-dark .v4bar .logo{font-weight:900;text-shadow:0 0 14px rgba(255,255,255,.18)}
body.skin-dark .v4bar .srch,body.skin-dark .selbtn,body.skin-dark .v4bar .act .v4btn:not(.gold){border-radius:12px}
body.skin-dark .v4bar .srch{border-radius:999px}
body.skin-dark .saverow{background:linear-gradient(180deg,#0e1530,#090e22) padding-box,linear-gradient(100deg,#6c8cff,#b06cff) border-box;border:1px solid transparent;box-shadow:0 0 18px rgba(108,140,255,.35),0 14px 30px rgba(0,0,0,.6)}

/* ---- 5. 6タブ：横長の丸い枠（アイコン＋文字）・板は2行 ---- */
body.skin-dark .ttabs{gap:12px}
body.skin-dark .ttabs button{border-radius:16px;font-weight:900;letter-spacing:.02em}
@media (min-width:641px){
  body.skin-dark .ttabs button .tl{display:flex;flex-direction:column;align-items:center;line-height:1.15}
  body.skin-dark .ttabs button .tl small{display:block;font-size:.82em}
}

/* ---- 6. 板 ---- */
body.skin-dark .ltwrap{background:linear-gradient(180deg,#0a0f26,#070b1c) padding-box,linear-gradient(160deg,#6c8cff,#8f7cff 50%,#5a6cff) border-box;border:1px solid transparent;
  box-shadow:0 0 12px rgba(108,140,255,.30),0 0 30px rgba(120,100,255,.12)}
body.skin-dark .ltbl,body.skin-dark .ltbl th{background:#0a0f26}
body.skin-dark .ltbl th,body.skin-dark .ltbl th button{color:#fff;font-weight:900}
body.skin-dark .ltbl th{border-bottom:1px solid rgba(108,140,255,.45)}
body.skin-dark .ltbl td{border-bottom:1px solid rgba(108,140,255,.12)}
body.skin-dark .ltbl td.num{font-weight:800}
body.skin-dark .ltbl tbody tr:hover{background:rgba(108,140,255,.12)}
body.skin-dark .ltbl tbody tr.cur td{background:linear-gradient(90deg,#4a1f8c,#2e1663 60%,#24124f)}
body.skin-dark .ltbl tbody tr.cur{box-shadow:inset 4px 0 0 #c48cff,inset 0 0 0 1px rgba(196,140,255,.65),0 0 16px rgba(176,108,255,.45)}
body.skin-dark .ltbl .fav{color:#fff;font-weight:400}
body.skin-dark .ltbl .fav:hover{color:var(--gold);text-shadow:0 0 10px rgba(255,209,102,.8)}
body.skin-dark .ltbl td.coin small.has{color:#b9c6ff}
body.skin-dark .ltbl .tag{background:#121a3a;border:1px solid rgba(108,140,255,.6);box-shadow:0 0 8px rgba(108,140,255,.25)}

/* ---- 7. クジラマップの小窓（外枠は紫〜青のネオン） ---- */
body.skin-dark #fMap{background:#070b1c;border:1px solid #9a7cff;border-radius:18px;
  box-shadow:0 0 0 1px rgba(176,108,255,.30),0 0 16px rgba(150,110,255,.55),0 0 40px rgba(80,120,255,.25)}

/* ---- 泡の図の箱・TOP5・準備中の箱も同じ細いネオン ---- */
body.skin-dark .hero #board,body.skin-dark .tops .top,body.skin-dark .soonsec .soonbox{border:1px solid rgba(108,140,255,.60);box-shadow:0 0 12px rgba(108,140,255,.25),0 0 30px rgba(120,100,255,.10)}
body.skin-dark .tops .top{background:linear-gradient(180deg,#0a0f26,#070b1c)}
body.skin-dark .tops .top.up{border-top:3px solid var(--upc)}
body.skin-dark .tops .top.down{border-top:3px solid var(--dnc)}
body.skin-dark .tops .top .tn,body.skin-dark .hero .hleg,body.skin-dark #lnote,body.skin-dark .note{color:#d3dcf5}
body.skin-dark .tool{border:1px solid rgba(108,140,255,.45);box-shadow:0 0 10px rgba(108,140,255,.15)}
body.skin-dark .tool:hover{transform:translateY(-2px);border-color:#8fa8ff;box-shadow:0 0 16px rgba(108,140,255,.5)}

/* ---- 8. 下の固定帯：暗い背景・金の輪郭＋アイコン＋文字・上に紫〜青のネオンの線 ---- */
body.skin-dark .sticky{background:linear-gradient(180deg,rgba(8,10,28,.94),rgba(4,6,16,.98));border-top:0;gap:28px;padding-top:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));
  box-shadow:0 -1px 0 rgba(140,120,255,.85),0 -6px 22px rgba(120,90,255,.35),0 -2px 40px rgba(60,140,255,.18)}
body.skin-dark .sticky::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:linear-gradient(90deg,transparent,#5a8cff 15%,#b06cff 50%,#5a8cff 85%,transparent);box-shadow:0 0 12px rgba(150,110,255,.9)}
body.skin-dark .sticky .btn-gold{flex:0 1 300px;gap:10px;background:linear-gradient(180deg,rgba(40,30,8,.55),rgba(14,10,4,.75));color:#ffd166;border:2px solid #f2c040;border-radius:16px;font-weight:900;font-size:17px;
  text-shadow:0 0 8px rgba(255,209,102,.45);box-shadow:0 0 12px rgba(255,200,60,.55),0 0 26px rgba(255,180,40,.22),inset 0 0 12px rgba(255,200,60,.18);transition:transform .15s,box-shadow .15s,filter .15s}
body.skin-dark .sticky .btn-gold::before{content:"🤖";font-size:1.15em;line-height:1;filter:sepia(1) saturate(4) hue-rotate(-12deg) brightness(1.15) drop-shadow(0 0 4px rgba(255,209,102,.7))}
body.skin-dark .sticky .btn-gold#proBar::before,body.skin-dark .sticky .btn-gold:nth-child(2)::before{content:"⚙"}
body.skin-dark .sticky .btn-gold:hover{transform:translateY(-2px);filter:brightness(1.12);box-shadow:0 0 18px rgba(255,200,60,.9),0 0 40px rgba(255,180,40,.35),inset 0 0 16px rgba(255,200,60,.25)}
body.skin-dark .sticky .btn-gold:active{transform:translateY(1px);filter:brightness(.95)}
body.skin-dark .sticky .btn-gold.soldout{color:#ffd166;background:linear-gradient(180deg,rgba(40,30,8,.55),rgba(14,10,4,.75))}
@media (max-width:640px){
  body.skin-dark .sticky{gap:10px;padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px))}
  body.skin-dark .sticky .btn-gold{flex:1 1 0;font-size:13.5px;gap:6px;padding:8px 6px;border-radius:14px}
  body.skin-dark .ttabs button .tl small{display:block}
}

/* PC：クジラマップを開いた時は画面の幅いっぱいまで使う（お手本は 表：小窓 ≒ 1：2） */
@media (min-width:1100px){
  body.skin-dark.map-open .pcgrid{max-width:1640px}
  body.skin-dark .lsplit.open{grid-template-columns:minmax(0,430px) minmax(0,1fr);gap:18px}
  /* 下にずらすと小窓の上（UNI・☆・保存・×）が2段目の帯の下に隠れていた → 帯の下に止め、下の固定帯にもかからない高さに */
  body.skin-dark .lsplit.open .lright{top:120px;max-height:calc(100vh - 210px)}
  body.skin-dark .lsplit.open #fMap{min-height:0;height:calc(100vh - 210px)}
}
/* スマホの6タブの字は 11px（小さい字は 8.5px まで可） */
@media (max-width:640px){body.skin-dark .ttabs button{font-size:11px;letter-spacing:-.1em;padding-left:0;padding-right:0}}

/* 右の札の列（promo.js の .kp-s）も暗い地＋細いネオンの輪郭に（このページだけ・共通ファイルは触らない） */
body.skin-dark aside .kp-s{background:linear-gradient(180deg,#0b1129,#080c1f);border:1px solid rgba(108,140,255,.6);box-shadow:0 0 12px rgba(108,140,255,.25),0 0 28px rgba(120,100,255,.1);color:#fff}
body.skin-dark aside .kp-s .ttl,body.skin-dark aside .kp-s h3{color:#fff;font-weight:900}
body.skin-dark aside .kp-s .ttl::before{background:linear-gradient(180deg,#6c8cff,#b06cff);box-shadow:0 0 8px rgba(130,110,255,.8)}
body.skin-dark aside .kp-s p,body.skin-dark aside .kp-s .kp-sub{color:#d3dcf5}
body.skin-dark aside .kp-prtag{background:#1a2450;color:#fff}
body.skin-dark aside .kp-tv .kp-link{box-shadow:inset 0 0 0 1px rgba(108,140,255,.6)}
body.skin-dark aside .kp-s a{transition:transform .15s,filter .15s,box-shadow .15s}
body.skin-dark aside .kp-s a:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 0 14px rgba(120,150,255,.55)}
body.skin-dark aside .kp-s a:active{transform:translateY(1px)}

/* 2026-11-09 スマホの上の帯：サイト名を1行に */
@media (max-width:640px){
  body.skin-dark .kp-top .brand{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 auto}
  body.skin-dark .kp-top .brand .badge{font-size:11px;padding:2px 8px;margin-left:4px}
  html.emb .chips .kd .nm{white-space:nowrap}
}

/* 2026-11-09 独立監査の直し：貼り付く帯は不透明／1024幅でも小窓は帯の下／読み込み中の文／スマホの帯の札／PC は小窓が画面に収まる */
body.skin-dark .v4bar{background:rgba(5,7,15,.96);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
@media (min-width:900px){ body.skin-dark .lsplit.open .lright{top:118px;max-height:calc(100vh - 200px)} body.skin-dark #fMap{max-height:calc(100vh - 210px)} }
body.skin-dark #mapPane.loading,body.skin-dark #race.loading{position:relative}
body.skin-dark #mapPane.loading::after,body.skin-dark #race.loading::after{content:"読み込み中…（15〜40秒）";position:absolute;left:50%;top:120px;transform:translateX(-50%);color:#fff;font-weight:800;font-size:15px;background:rgba(10,15,31,.9);border:1px solid #6c8cff;border-radius:999px;padding:10px 18px;box-shadow:0 0 14px rgba(108,140,255,.45);z-index:3;pointer-events:none}
html[lang="en"] body.skin-dark #mapPane.loading::after,html[lang="en"] body.skin-dark #race.loading::after{content:"Loading… (15–40 s)"}
html[lang="ko"] body.skin-dark #mapPane.loading::after,html[lang="ko"] body.skin-dark #race.loading::after{content:"불러오는 중… (15~40초)"}
html[lang="zh"] body.skin-dark #mapPane.loading::after,html[lang="zh"] body.skin-dark #race.loading::after{content:"載入中…（15〜40秒）"}
@media (max-width:640px){
  body.skin-dark .kp-top .brand{font-size:12px;gap:4px;overflow:visible;text-overflow:clip}
  body.skin-dark .kp-top .brand::after,body.skin-dark .kp-top .brand .badge{font-size:10.5px;padding:2px 7px;margin-left:3px;flex:none}
  body.skin-dark .kp-top .kt-langs button,body.skin-dark .kp-top .kt-langs a{padding:5px 7px;font-size:12px}
  body.skin-dark .ttabs button .tl small{font-size:8px;letter-spacing:-.5px;overflow:visible}
}

/* 2026-11-09 900〜1099px（小さいPC・横のタブレット）：帯の中が縦に割れる・貼り付く帯が小窓の×を隠す → 1行に収め、この幅では貼り付けない */
body.skin-dark .kp-top{background:#05070f;position:relative;z-index:70}
body.skin-dark .v4bar .tabs button,body.skin-dark .v4bar .selbtn,body.skin-dark .v4bar .v4btn{white-space:nowrap}
@media (min-width:641px) and (max-width:1099px){
  body.skin-dark .v4bar{position:static;flex-wrap:wrap;gap:8px 10px;padding:8px 12px}
  body.skin-dark .v4bar .logo{font-size:18px}
  body.skin-dark .v4bar .tabs button{padding:7px 10px;font-size:13px}
  body.skin-dark .v4bar .selbtn{font-size:13px;padding:7px 10px;max-width:260px;overflow:hidden;text-overflow:ellipsis}
  body.skin-dark .v4bar .srch{min-width:160px;flex:1 1 160px}
  body.skin-dark .lsplit.open .lright{top:12px;max-height:none}
  body.skin-dark #fMap{max-height:none}
}
/* 2026-11-09 NEWS の帯は貼り付けない（下へ送った時に札の字と重なって見えた） */
body.skin-dark .ticker{position:static;background:#0a0f1f}
body.skin-dark .lhead{position:static;background:transparent}

/* 2026-11-09 2回目の監査：帯は top:0・小窓は下の帯にかからない高さ・札の字 11px */
body.skin-dark .v4bar{top:0}
@media (min-width:1100px){ body.skin-dark .lsplit.open .lright{top:118px;max-height:calc(100vh - 225px)} body.skin-dark #fMap{max-height:calc(100vh - 235px)} }
@media (max-width:640px){ body.skin-dark .kp-top .brand::after,body.skin-dark .kp-top .brand .badge{font-size:11px} }

/* 2026-11-09 3回目の監査：PC の小窓は「帯の下〜下の固定帯の上」に収める */
@media (min-width:1100px){ body.skin-dark .lsplit.open .lright{top:118px;max-height:calc(100vh - 212px)} body.skin-dark #fMap{max-height:calc(100vh - 222px)} }

/* ============ 2026-11-09 レオ：金ちゃん50問の答え（決まった物だけ。見本待ちの物は触らない）============ */
/* 1〜3. タブは3つ・小さく（高さ44・字15・アイコン18・横幅は中身なり）。PC は1行に左寄せ／スマホは3つで1行 */
body.skin-dark .ttabs{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:10px;padding:10px 18px}
body.skin-dark .ttabs button{flex:0 0 auto;min-width:0;height:44px;min-height:44px;padding:0 18px;gap:8px;font-size:15px;line-height:1.2;border-radius:12px;letter-spacing:.02em;flex-direction:row;white-space:nowrap}
body.skin-dark .ttabs button svg{width:18px;height:18px;flex:none}
body.skin-dark .ttabs button .tl{display:inline;line-height:1.2}
body.skin-dark .ttabs button .tl br{display:none}
@media (min-width:1100px){ body.skin-dark .ttabs{max-width:1240px;margin:0 auto;padding:10px 16px} }
@media (max-width:640px){
  body.skin-dark .ttabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px 10px}
  body.skin-dark .ttabs button{height:auto;min-height:44px;padding:4px 6px;gap:5px;font-size:12.5px;letter-spacing:0;justify-content:center;white-space:normal}
  body.skin-dark .ttabs button svg{width:16px;height:16px}
  body.skin-dark .ttabs button .tl{display:block;line-height:1.15;text-align:left}
  body.skin-dark .ttabs button .tl br{display:inline}
}
/* 7. 上の帯の青い「一覧図」の札は出さない */
body.skin-dark .kp-top .brand::after,html[lang] body.skin-dark .kp-top .brand::after{content:none!important;display:none!important}
body.skin-dark .kp-top .brand .badge{display:none!important}
/* 10. 左メニューの項目の絵文字は出さない（見た目の作り直しは見本待ち） */
body.skin-dark .kp-nav.side .ic,body.skin-dark .kp-nav.side a .ic{display:none!important}
/* 11. 金ちゃんの絵：四角い縁を見せない（丸く切って周りをぼかす） */
body.skin-dark .kp-nav.side .kp-me img{border-radius:50%;aspect-ratio:1/1;object-fit:cover;filter:none;-webkit-mask-image:radial-gradient(circle closest-side,#000 80%,transparent 100%);mask-image:radial-gradient(circle closest-side,#000 80%,transparent 100%)}
/* 5. 上の帯の「画像で保存」「シェア」：時価総額ランキングでは隠す（階段の右上に専用の保存・シェアがある）。PC の泡の図では泡の図の中の右上（tabs.js の placeAct・11/9 金ちゃんの矢印どおり） */
body.skin-dark[data-tab="race"] .act{display:none!important}
@media (min-width:1100px){
  body.skin-dark #board>.act{display:flex;gap:10px;position:absolute;right:12px;top:12px;z-index:7;margin:0;flex:none;align-items:stretch}
  body.skin-dark #board>.act .v4btn{flex:0 0 auto;min-width:132px;justify-content:center;height:44px;min-height:44px;max-height:44px;box-sizing:border-box;border-radius:12px;font-size:15px;font-weight:800;padding:0 14px;gap:8px;text-decoration:none;display:inline-flex;align-items:center;white-space:nowrap;cursor:pointer;color:#fff;transition:transform .15s,filter .15s,box-shadow .15s}
  body.skin-dark #board>.act .v4btn .lbl{display:inline}
  body.skin-dark #board>.act .v4btn:not(.gold){background:linear-gradient(180deg,#0e1530,#090e22) padding-box,linear-gradient(100deg,#6c8cff,#8f7cff 55%,#b06cff) border-box;border:1px solid transparent;box-shadow:0 0 10px rgba(108,140,255,.30),0 0 22px rgba(130,108,255,.12),inset 0 0 12px rgba(108,140,255,.10)}
  body.skin-dark #board>.act .v4btn:not(.gold):hover{transform:translateY(-2px);filter:brightness(1.15);background:linear-gradient(180deg,#131c3e,#0b1229) padding-box,linear-gradient(100deg,#8fa8ff,#a98cff 55%,#c88cff) border-box;box-shadow:0 0 14px rgba(120,150,255,.60),0 0 30px rgba(150,110,255,.30),inset 0 0 14px rgba(120,150,255,.18)}
  body.skin-dark #board>.act .v4btn:not(.gold):active{transform:translateY(1px);filter:brightness(.95);box-shadow:0 0 6px rgba(108,140,255,.35),inset 0 2px 8px rgba(0,0,0,.55)}
  body.skin-dark #board>.act .v4btn[aria-expanded="true"]{background:linear-gradient(180deg,#3d9bff 0%,#1d6cf0 55%,#1650d0 100%) padding-box,linear-gradient(180deg,#bfe9ff,#5cc8ff) border-box;box-shadow:0 0 14px rgba(40,150,255,.85),0 0 34px rgba(40,140,255,.40)}
  body.skin-dark #board>.act .v4btn.gold{position:relative;overflow:hidden;color:#2b1a00;border:0;font-weight:900;font-size:16px;padding:0 20px;background:linear-gradient(180deg,#fff6c4 0%,#ffd75a 34%,#e7a91c 70%,#c17f06 100%);box-shadow:inset 0 0 0 1px rgba(120,72,0,.55),0 0 16px rgba(255,200,60,.45),0 5px 12px rgba(0,0,0,.22);animation:goldbreath 3.2s ease-in-out infinite;text-shadow:0 1px 0 rgba(255,255,255,.5);transition:transform .15s,filter .15s}
  body.skin-dark #board>.act .v4btn.gold::before{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.85) 50%,rgba(255,255,255,0));transform:skewX(-18deg);animation:goldsweep 2.8s ease-in-out infinite;pointer-events:none}
  body.skin-dark #board>.act .v4btn.gold::after{content:"";position:absolute;inset:0 0 50% 0;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));pointer-events:none;border-radius:14px 14px 0 0}
  body.skin-dark #board>.act .v4btn.gold:hover{transform:translateY(-2px);filter:brightness(1.08)}
  body.skin-dark #board>.act .saverow{top:52px;right:0;left:auto;min-width:220px;align-items:stretch}
}
/* 6. 泡の図：左上の見出し札＋下の説明は全文を1行（1段小さい字） */
body.skin-dark #board .bbtag{position:absolute;left:12px;top:12px;z-index:6;display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:12px;font:900 14px/1.2 var(--f-body);color:#fff;letter-spacing:.02em;background:linear-gradient(180deg,rgba(14,21,48,.92),rgba(9,14,34,.92)) padding-box,linear-gradient(100deg,#6c8cff,#8f7cff 55%,#b06cff) border-box;border:1px solid transparent;box-shadow:0 0 10px rgba(108,140,255,.40),0 0 24px rgba(130,108,255,.18),inset 0 0 12px rgba(108,140,255,.12);pointer-events:none;white-space:nowrap}
body.skin-dark #board .bbtag svg{width:18px;height:18px;flex:none;color:#7fc4ff;filter:drop-shadow(0 0 4px rgba(90,170,255,.8))}
@media (max-width:640px){ body.skin-dark #board .bbtag{left:8px;top:8px;padding:5px 10px;font-size:12px;gap:6px} body.skin-dark #board .bbtag svg{width:15px;height:15px} }
body.skin-dark #map .hleg{justify-content:center;gap:10px}
body.skin-dark #map .hleg .legend{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:visible;text-overflow:clip;font-size:11.5px;text-align:center;color:#d3dcf5}
body.skin-dark #map .hleg .seldesc,body.skin-dark #map .hleg .asof{display:none}
body.skin-dark #map .hleg .asof.warn{display:inline;color:#ffb3b8;font-size:11.5px}
@media (max-width:1099px){ body.skin-dark #map .hleg{height:auto;flex:0 0 auto;flex-wrap:wrap;padding:6px 4px} body.skin-dark #map .hleg .legend{white-space:normal;flex:1 1 100%;font-size:11px;line-height:1.5} }
/* 4. コイン一覧：「点数」の場所にクジラマップのボタン（イーサの上のコインだけ） */
body.skin-dark .ltbl th.mapcol{color:#fff;font-weight:900;font-size:14px;white-space:nowrap;text-align:left}
body.skin-dark .ltbl td.mapc{white-space:nowrap}
body.skin-dark .ltbl .mapbtn{display:inline-flex;align-items:center;gap:4px;min-height:34px;padding:4px 12px;border-radius:10px;font:800 13px var(--f-body);color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(180deg,#0e1530,#090e22) padding-box,linear-gradient(100deg,#6c8cff,#8f7cff 55%,#b06cff) border-box;border:1px solid transparent;box-shadow:0 0 8px rgba(108,140,255,.30),inset 0 0 10px rgba(108,140,255,.10);transition:transform .15s,filter .15s,box-shadow .15s}
body.skin-dark .ltbl .mapbtn:hover{transform:translateY(-2px);filter:brightness(1.15);box-shadow:0 0 14px rgba(120,150,255,.65),0 0 28px rgba(150,110,255,.3)}
body.skin-dark .ltbl .mapbtn:active{transform:translateY(1px);filter:brightness(.95);box-shadow:0 0 6px rgba(108,140,255,.35),inset 0 2px 8px rgba(0,0,0,.55)}
@media (max-width:640px){ body.skin-dark .ltbl .mapbtn{font-size:12px;padding:4px 9px;min-height:32px} }
@media (min-width:1100px){
  /* 4. 表がはみ出して右の列（クジラマップ・上位10人）が切れないように、PC は列の余白を少し詰める */
  body.skin-dark .ltbl th,body.skin-dark .ltbl td{padding-left:6px;padding-right:6px}
  body.skin-dark .ltbl th button{padding:4px 2px}
  body.skin-dark .ltbl td.num{font-size:14.5px}
  body.skin-dark .ltbl .mapbtn{padding:4px 9px;font-size:12.5px}
  body.skin-dark .ltbl th,body.skin-dark .ltbl th button{font-size:13.5px}
  body.skin-dark .ltbl td.coin img{width:30px;height:30px}body.skin-dark .ltbl td.coin>div{margin-left:8px}
}

/* ============ 2026-11-10 レオ：金ちゃん B案の左メニュー（docs_leo/img/サンプル3案_20261110/左メニューB.png）
   大きな白の太字だけ・行ごとに薄い区切り線・今のページは左に金の縦線＋金の字＋薄い金の地・カーソルで薄く明るく少し右へ（水色の縦線）。
   一番下は金ちゃんの絵を背景にとけこませる（上を透明にぼかす）。上に小さな見出しと×。PC・スマホ共通の☰の引き出し ============ */
html.kp-has-side body.skin-dark .kp-nav.side{position:fixed;left:0;right:auto;top:0;bottom:0;width:300px;max-width:82vw;box-sizing:border-box;padding:0 0 24px;margin:0;gap:0;
  flex-direction:column;align-items:stretch;overflow-x:hidden;overflow-y:auto;z-index:80;border:0;border-right:1px solid rgba(124,108,255,.6);
  background:#060816;box-shadow:12px 0 40px rgba(0,0,0,.7)}
html.kp-has-side:not(.kp-side-open) body.skin-dark .kp-nav.side{display:none}
html.kp-has-side.kp-side-open body.skin-dark .kp-nav.side{display:flex}
html.kp-has-side.kp-side-open body.skin-dark::before{content:"";position:fixed;inset:0;background:rgba(3,5,14,.62);z-index:75}   /* 上の帯（z-index 70）より上に重ねる */
/* 上：小さな見出しと× */
html.kp-has-side body.skin-dark .kp-nav.side .kp-mhd{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding:16px 14px 12px 18px;margin-bottom:14px;flex:none}
html.kp-has-side body.skin-dark .kp-nav.side .kp-mhd .av{width:38px;height:38px;border-radius:50%;flex:none;background:url(/img/kimchan_menu.webp) -20px -5px/78px auto no-repeat;box-shadow:0 0 0 2px #ffd166}
html.kp-has-side body.skin-dark .kp-nav.side .kp-mhd b{flex:1;min-width:0;font-size:15px;font-weight:900;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.kp-has-side body.skin-dark .kp-nav.side .kp-mx{flex:none;width:40px;height:40px;display:grid;place-items:center;padding:0;border-radius:12px;cursor:pointer;color:#fff;
  background:linear-gradient(180deg,#1a2746,#0e1730 55%,#0a1124);border:1px solid #3b57a3;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 3px 0 #050914;transition:transform .15s,filter .15s,box-shadow .15s}
html.kp-has-side body.skin-dark .kp-nav.side .kp-mx:hover,html.kp-has-side body.skin-dark .kp-nav.side .kp-mx:focus-visible{outline:0;transform:translateY(-2px);filter:brightness(1.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 14px rgba(108,140,255,.6),0 4px 0 #050914}
html.kp-has-side body.skin-dark .kp-nav.side .kp-mx:active{transform:translateY(2px);box-shadow:inset 0 2px 6px rgba(0,0,0,.6),0 1px 0 #050914}
/* 項目：アイコン無し・大きな白の太字・薄い区切り線（1行に収まる大きさ：狭い画面では自動で少し小さく） */
html.kp-has-side body.skin-dark .kp-nav.side a{position:relative;z-index:1;display:block;flex:none;margin:0;min-height:0;box-sizing:border-box;padding:19px 14px 17px 26px;
  font-size:min(20px,calc((82vw - 44px) / 12));font-weight:900;line-height:1.3;letter-spacing:0;color:#fff;text-decoration:none;text-shadow:none;
  border:0;border-bottom:1px solid rgba(124,108,255,.18);border-radius:0;background:transparent;box-shadow:none;transform:none;transition:background .15s}
html.kp-has-side body.skin-dark .kp-nav.side a span{display:inline-block;transition:transform .15s}
html.kp-has-side body.skin-dark .kp-nav.side a::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:6px;border-radius:0 4px 4px 0;background:transparent;transition:background .15s,box-shadow .15s}
html.kp-has-side body.skin-dark .kp-nav.side a.cur{color:#ffd166;border:0;border-bottom:1px solid rgba(124,108,255,.18);box-shadow:none;text-shadow:none;background:linear-gradient(90deg,rgba(255,209,102,.16),transparent 85%)}
html.kp-has-side body.skin-dark .kp-nav.side a.cur::before{background:#ffd166;box-shadow:0 0 14px #ffd166}
html.kp-has-side body.skin-dark .kp-nav.side a:hover,html.kp-has-side body.skin-dark .kp-nav.side a:focus-visible{outline:0;transform:none;box-shadow:none;border-color:rgba(124,108,255,.18);background:linear-gradient(90deg,rgba(57,208,255,.16),transparent 85%)}
html.kp-has-side body.skin-dark .kp-nav.side a:hover::before,html.kp-has-side body.skin-dark .kp-nav.side a:focus-visible::before{background:#39d0ff;box-shadow:0 0 14px #39d0ff}
html.kp-has-side body.skin-dark .kp-nav.side a:hover span,html.kp-has-side body.skin-dark .kp-nav.side a:focus-visible span{transform:translateX(8px)}
html.kp-has-side body.skin-dark .kp-nav.side a.cur:hover{background:linear-gradient(90deg,rgba(255,209,102,.26),transparent 85%)}
html.kp-has-side body.skin-dark .kp-nav.side a.cur:hover::before{background:#ffd166;box-shadow:0 0 16px #ffd166}
html.kp-has-side body.skin-dark .kp-nav.side a:active{background:linear-gradient(90deg,rgba(57,208,255,.28),transparent 85%)}
html.kp-has-side body.skin-dark .kp-nav.side a:active span{transform:translateX(8px) translateY(1px) scale(.98)}
/* 一番下：金ちゃんの絵を背景に（上を透明にぼかして四角い縁を見せない） */
html.kp-has-side body.skin-dark .kp-nav.side .kp-me{position:absolute;left:0;right:0;bottom:0;height:470px;margin:0;padding:0;z-index:0;pointer-events:none;overflow:hidden;text-align:center;
  -webkit-mask-image:linear-gradient(0deg,#000 40%,transparent 95%);mask-image:linear-gradient(0deg,#000 40%,transparent 95%)}
html.kp-has-side body.skin-dark .kp-nav.side .kp-me img{position:absolute;left:50%;bottom:-10px;width:340px;max-width:none;height:auto;margin:0;transform:translateX(-50%);opacity:.75;
  border-radius:0;aspect-ratio:auto;object-fit:fill;filter:none;-webkit-mask-image:none;mask-image:none}
@media (max-height:620px){ html.kp-has-side body.skin-dark .kp-nav.side .kp-me{height:300px} html.kp-has-side body.skin-dark .kp-nav.side .kp-me img{width:260px} }
@media (prefers-reduced-motion:reduce){ html.kp-has-side body.skin-dark .kp-nav.side a span{transition:none} }
/* 2026-11-10 名前の統一：上の帯の「暗号資産」と「上昇下落率バブル」を1語に（間をあけない） */
body.skin-dark .v4bar .logo{column-gap:0;gap:0}

/* =====================================================================================================
   2026-11-10 レオ：ゆうこの部品集（docs_leo/img/ゆうこ部品集_20261110/ 01〜10）に見た目を合わせる。
   写すのは色・光・枠・字の太さ・配置の雰囲気だけ。機能・列・文言・4言語はそのまま。絵（PNG）は貼らない（タイトルロゴだけ例外）
   ===================================================================================================== */
/* 1. 色と字の決まり（絵03） */
body.skin-dark{--c-bg:#0A0F24;--c-card:#121A3A;--c-n1:#00C6FF;--c-n2:#A64DFF;--c-gold:#FFD700;--c-up:#00D26A;--c-dn:#FF3B5C;--c-gray:#7A8199;--c-w:#FFFFFF;--c-w2:#B8C1DA;
  --fs-xl:44px;--fs-l:32px;--fs-m:22px;--fs-s:18px;--fs-b:15px;--fs-sm:13px;--fs-xs:11.5px;
  --neon-b:linear-gradient(100deg,var(--c-n1),#5f86ff 45%,var(--c-n2));--neon-glow:0 0 10px rgba(0,198,255,.35),0 0 24px rgba(166,77,255,.22);
  --upc:var(--c-up);--dnc:var(--c-dn);--gold:var(--c-gold);color:var(--c-w)}
html:has(body.skin-dark){background-color:var(--c-bg)}
body.skin-dark .num,body.skin-dark .ltbl td.num,body.skin-dark .tops .top .r .num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
body.skin-dark .up,body.skin-dark .ltbl td.up{color:var(--c-up)!important}
body.skin-dark .dn,body.skin-dark .ltbl td.dn{color:var(--c-dn)!important}

/* 2. 上の帯（絵04 PC：1本の丸いネオン枠／絵05 スマホ：2段の丸い枠） */
html body.skin-dark .kp-top{border-image:none;border:1.5px solid transparent;border-radius:999px;margin:10px 14px 0;padding:8px 10px 8px 12px;gap:14px;
  background:linear-gradient(180deg,#0b1130,#070b1d) padding-box,var(--neon-b) border-box;box-shadow:var(--neon-glow),inset 0 0 14px rgba(0,198,255,.08)}
html body.skin-dark .kp-top .brand{font-size:var(--fs-s);font-weight:900;gap:10px;padding-right:14px;border-right:1px solid rgba(184,193,218,.35)}
html body.skin-dark .kp-top .brand img{width:40px;height:40px;border:2px solid transparent;background:linear-gradient(#0b1130,#0b1130) padding-box,linear-gradient(140deg,var(--c-n1),var(--c-n2)) border-box;box-shadow:0 0 10px rgba(0,198,255,.55)}
html body.skin-dark .kp-top .brand:hover{filter:brightness(1.18)}
html body.skin-dark .kp-top .kp-tick{position:relative;height:34px;margin:0 4px;padding-right:22px;border:0;border-radius:0;
  background:linear-gradient(90deg,rgba(255,215,0,0),rgba(255,215,0,.9) 35%,rgba(255,215,0,.9) 65%,rgba(255,215,0,0)) bottom/100% 1.5px no-repeat}
html body.skin-dark .kp-top .kp-tick::after{content:"";position:absolute;right:2px;top:50%;width:0;height:0;margin-top:-7px;border-left:12px solid var(--c-gold);border-top:7px solid transparent;border-bottom:7px solid transparent;filter:drop-shadow(0 0 4px rgba(255,215,0,.7));pointer-events:none}
html body.skin-dark .kp-top .kp-tick .tkh,html body.skin-dark .ticker .tkh{height:26px;border-radius:999px;padding:0 12px;font:900 var(--fs-sm) var(--f-body);letter-spacing:.06em;color:#fff;
  background:linear-gradient(180deg,#ff4a64,#c8102e);border:1.5px solid #ff9aa8;box-shadow:0 0 10px rgba(255,59,92,.75)}
html body.skin-dark .kp-tick .tk,html body.skin-dark .ticker .tk{color:var(--c-gold);font-weight:800;font-size:var(--fs-b)}
html body.skin-dark .kp-top .tools{border-radius:999px;padding:8px 18px;font-size:var(--fs-b);font-weight:900;color:var(--c-gold);background:linear-gradient(180deg,rgba(60,44,0,.55),rgba(20,14,0,.7));
  border:2px solid var(--c-gold);box-shadow:0 0 10px rgba(255,215,0,.6),inset 0 0 10px rgba(255,215,0,.15);text-shadow:0 0 8px rgba(255,215,0,.45)}
html body.skin-dark .kp-top .tools:hover{transform:translateY(-2px);filter:brightness(1.15);box-shadow:0 0 18px rgba(255,215,0,.9),inset 0 0 12px rgba(255,215,0,.25)}
html body.skin-dark .kp-top .right{gap:12px}
html body.skin-dark .kp-top .kt-langs button,html body.skin-dark .kp-top .kt-langs a{border-radius:10px;font-weight:900;font-size:var(--fs-sm);padding:7px 10px;min-height:36px}
html body.skin-dark .kp-top .kt-langs .on,html body.skin-dark .kp-top .kt-langs [aria-pressed="true"]{background:linear-gradient(180deg,#36a8ff,#0b66e0) padding-box,linear-gradient(180deg,#bfe9ff,var(--c-n1)) border-box}
@media (min-width:1100px){
  html body.skin-dark .kp-top .kt-langs{padding-right:12px;border-right:1px solid rgba(184,193,218,.35)}
  html.kp-has-side body.skin-dark .kp-top .kp-navbtn{margin:0;border-radius:12px}
}
@media (max-width:1099px){
  html body.skin-dark .kp-top{border-radius:20px 20px 0 0;border-bottom:0;margin:8px 10px 0;padding:10px 12px 8px}
  html body.skin-dark .kp-top .brand{border-right:0;padding-right:0}
  body.skin-dark .ticker{display:flex;position:relative;margin:0 10px 8px;height:44px;padding:6px 26px 8px 12px;border:1.5px solid transparent;border-top:0;border-radius:0 0 20px 20px;
    background:linear-gradient(90deg,rgba(255,215,0,0) 8%,rgba(255,215,0,.85) 45%,rgba(255,215,0,0) 92%) center bottom 7px/88% 1.5px no-repeat,linear-gradient(180deg,#0a1030,#070b1d) padding-box,var(--neon-b) border-box;
    box-shadow:0 8px 18px rgba(0,198,255,.18),0 0 18px rgba(166,77,255,.15),inset 0 1px 0 rgba(140,120,255,.7),inset 0 3px 8px rgba(120,100,255,.18)}
  body.skin-dark .ticker::after{content:"";position:absolute;right:12px;top:50%;margin-top:-8px;border-left:11px solid var(--c-gold);border-top:6px solid transparent;border-bottom:6px solid transparent;filter:drop-shadow(0 0 4px rgba(255,215,0,.7))}
  body.skin-dark .ticker .tkh{align-self:center;margin-right:10px}
}
@media (max-width:640px){
  html body.skin-dark .kp-top{padding:8px 8px 6px;gap:8px}
  html body.skin-dark .kp-top .brand{font-size:15px;gap:8px}
  html body.skin-dark .kp-top .brand img{width:34px;height:34px}
  html body.skin-dark .kp-top .kp-navbtn{width:44px;height:44px;border-radius:12px}
  html body.skin-dark .kp-top .kt-langs>.on,html body.skin-dark .kp-top .kt-langs>[aria-pressed="true"]{border-radius:999px;padding:8px 12px;font-size:13px}
  body.skin-dark .ticker{height:42px}
  body.skin-dark .ticker .tk{font-size:13px}
}

/* 3. 操作の帯（絵06）：1本の丸いネオン枠の中に「ロゴ｜期間｜選ぶ箱｜さがす欄」 */
body.skin-dark .v4bar{max-width:1240px;margin:10px auto 0;border:1.5px solid transparent;border-radius:999px;padding:8px 12px 8px 18px;gap:14px;min-height:0;
  background:linear-gradient(180deg,rgba(11,17,48,.97),rgba(7,11,29,.97)) padding-box,var(--neon-b) border-box;box-shadow:var(--neon-glow),inset 0 0 14px rgba(0,198,255,.06);top:6px}
body.skin-dark .v4bar .logo{display:flex;align-items:center;padding-right:14px;border-right:1px solid rgba(184,193,218,.35);align-self:stretch}
body.skin-dark .v4bar .logo img.tlogo{display:block;height:40px;width:auto;mix-blend-mode:normal}
body.skin-dark .v4bar .logo:hover img.tlogo{filter:brightness(1.2) drop-shadow(0 0 6px rgba(0,198,255,.5))}
html[lang="ja"] body.skin-dark .v4bar .logo .l1,html[lang="ja"] body.skin-dark .v4bar .logo i{display:none}
html:not([lang="ja"]) body.skin-dark .v4bar .logo img.tlogo{display:none}
body.skin-dark .v4bar .tabs{border:1.5px solid transparent;padding:4px}
body.skin-dark .v4bar .tabs button{font-size:var(--fs-b);font-weight:900;padding:8px 18px}
body.skin-dark .v4bar .tabs button[aria-selected="true"]{background:linear-gradient(180deg,#36a8ff,#0b66e0);box-shadow:0 0 14px rgba(0,198,255,.85),0 0 28px rgba(30,140,255,.35),inset 0 1px 0 rgba(255,255,255,.45)}
body.skin-dark .v4bar .selbtn{border-radius:999px;border-width:1.5px;font-size:var(--fs-b);font-weight:900;min-height:44px;padding:8px 18px}
body.skin-dark .v4bar .srch{flex:1 1 220px;max-width:none;border-width:1.5px;min-height:44px}
body.skin-dark .v4bar .srch input{font-size:var(--fs-b);color:#fff}
body.skin-dark .v4bar .srch input::placeholder{color:var(--c-w2)}
@media (max-width:1099px){ body.skin-dark .v4bar{margin:8px 10px 0;border-radius:24px;padding:8px 10px} }
@media (max-width:640px){
  body.skin-dark .v4bar{border-radius:20px;padding:8px}
  body.skin-dark .v4bar .logo{display:flex;flex:1 1 100%;justify-content:center;border-right:0;padding:0 0 2px}
  html:not([lang="ja"]) body.skin-dark .v4bar .logo{display:none}
  body.skin-dark .v4bar .logo img.tlogo{height:30px;max-width:100%}
  body.skin-dark .v4bar .tabs button{font-size:14px;padding:8px 4px}
  body.skin-dark .v4bar .selbtn{flex:1 1 52%}
  body.skin-dark .v4bar .srch{flex:1 1 40%;min-width:0}
}

/* 4. タブ3つ（絵07）：丸いネオン枠・線のアイコン＋太字・選択中は青く光る。PC は横一列・高さ56／スマホは3つで1行 */
body.skin-dark .ttabs{gap:14px;padding:14px 18px 12px}
body.skin-dark .ttabs button{height:56px;min-height:56px;padding:0 34px;gap:12px;font-size:var(--fs-s);font-weight:900;border-radius:16px;border-width:1.5px;
  background:linear-gradient(180deg,#0e1434,#090d24) padding-box,linear-gradient(100deg,#5f86ff,var(--c-n2)) border-box}
body.skin-dark .ttabs button svg{width:24px;height:24px}
body.skin-dark .ttabs button[aria-selected="true"]{background:linear-gradient(180deg,#2f9bff 0%,#0d63e6 60%,#0a50c8 100%) padding-box,linear-gradient(180deg,#d4f3ff,var(--c-n1)) border-box;
  box-shadow:0 0 16px rgba(0,198,255,.85),0 0 36px rgba(30,140,255,.45),inset 0 1px 0 rgba(255,255,255,.5)}
@media (max-width:640px){
  body.skin-dark .ttabs{gap:8px;padding:10px 10px 8px}
  body.skin-dark .ttabs button{height:auto;min-height:56px;padding:4px 6px;gap:6px;font-size:13.5px;border-radius:14px}
  body.skin-dark .ttabs button svg{width:20px;height:20px}
}

/* 5. 泡の図（絵08は参考）：カードの枠を青→紫のネオン・下の1行は「｜」区切りの弱い白 */
body.skin-dark .hero #board{border:1.5px solid transparent;border-radius:20px;background:radial-gradient(ellipse at 50% 30%,#121a3a,#0a0f24 70%) padding-box,linear-gradient(135deg,var(--c-n1),#5f86ff 40%,var(--c-n2)) border-box;
  box-shadow:0 0 14px rgba(0,198,255,.35),0 0 34px rgba(166,77,255,.22),inset 0 0 30px rgba(0,198,255,.06)}
body.skin-dark #board .bbtag{border-radius:999px;border-width:1.5px;padding:7px 16px;background:linear-gradient(180deg,rgba(14,21,48,.94),rgba(9,14,34,.94)) padding-box,linear-gradient(100deg,var(--c-n1),var(--c-n2)) border-box}
body.skin-dark #map .hleg .legend{color:var(--c-w2);font-size:var(--fs-xs);font-weight:700}

/* 6. 上がった／下がった TOP5（絵09） */
body.skin-dark .tops .top{border:1.5px solid transparent!important;border-radius:20px;padding:16px 18px 10px}
body.skin-dark .tops .top.up{background:linear-gradient(180deg,#0b1430,#08102a) padding-box,linear-gradient(160deg,var(--c-n1),#2f8cff 50%,var(--c-up)) border-box;box-shadow:0 0 14px rgba(0,198,255,.3),0 0 30px rgba(0,210,106,.15)}
body.skin-dark .tops .top.down{background:linear-gradient(180deg,#120f30,#0c0a24) padding-box,linear-gradient(160deg,var(--c-n2),#c04dd0 50%,var(--c-dn)) border-box;box-shadow:0 0 14px rgba(166,77,255,.3),0 0 30px rgba(255,59,92,.15)}
body.skin-dark .tops .top h2{display:block;color:#fff!important;font:900 var(--fs-m)/1.3 var(--f-body);padding-bottom:10px;margin-bottom:6px;border-bottom:2px solid}
body.skin-dark .tops .top.up h2{border-color:var(--c-up);box-shadow:0 6px 10px -8px rgba(0,210,106,.9)}
body.skin-dark .tops .top.down h2{border-color:var(--c-dn);box-shadow:0 6px 10px -8px rgba(255,59,92,.9)}
body.skin-dark .tops .top h2::before{content:"";display:inline-block;vertical-align:-6px;margin-right:10px;width:30px;height:30px;background:center/contain no-repeat}
body.skin-dark .tops .top .r>span{color:#fff}
body.skin-dark .tops .top.up h2::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2300D26A%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2017l6-6%204%204%208-8%22/%3E%3Cpath%20d%3D%22M15%207h6v6%22/%3E%3C/svg%3E");filter:drop-shadow(0 0 4px rgba(0,210,106,.8))}
body.skin-dark .tops .top.down h2::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FF3B5C%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%207l6%206%204-4%208%208%22/%3E%3Cpath%20d%3D%22M15%2017h6v-6%22/%3E%3C/svg%3E");filter:drop-shadow(0 0 4px rgba(255,59,92,.8))}
body.skin-dark .tops .top h2 .pl{font-size:inherit}
body.skin-dark .tops .top .tn{color:var(--c-w2);font-size:var(--fs-sm)}
body.skin-dark .tops .top .r{padding:9px 6px;border-bottom:1px solid rgba(184,193,218,.12);font-size:var(--fs-s);font-weight:900}
body.skin-dark .tops .top .r>span{gap:14px}
body.skin-dark .tops .top .r strong.i{flex:none;width:38px;height:38px;display:inline-grid;place-items:center;border-radius:50%;font:900 15px/1 var(--f-body);color:#fff;background:#121a3a;box-shadow:inset 0 0 0 1px rgba(184,193,218,.3)}
body.skin-dark .tops .top .r:nth-child(-n+3) strong.i{background:center/100% 100% no-repeat;box-shadow:none;font-size:16px}
body.skin-dark .tops .top .r:nth-child(1) strong.i{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cellipse%20cx%3D%2214.4%22%20cy%3D%2235.5%22%20rx%3D%221.9%22%20ry%3D%224%22%20transform%3D%22rotate%28130%2014.4%2035.5%29%22%20fill%3D%22%23FFD700%22/%3E%3Cellipse%20cx%3D%227.7%22%20cy%3D%2231.0%22%20rx%3D%221.9%22%20ry%3D%224%22%20transform%3D%22rotate%28158%207.7%2031.0%29%22%20fill%3D%22%23FFD700%22/%3E%3Cellipse%20cx%3D%224.0%22%20cy%3D%2224.0%22%20rx%3D%221.9%22%20ry%3D%224%22%20transform%3D%22rotate%28186%204.0%2024.0%29%22%20fill%3D%22%23FFD700%22/%3E%3Cellipse%20cx%3D%224.0%22%20cy%3D%2216.0%22%20rx%3D%221.9%22%20ry%3D%224%22%20transform%3D%22rotate%28214%204.0%2016.0%29%22%20fill%3D%22%23FFD700%22/%3E%3Cellipse%20cx%3D%227.7%22%20cy%3D%229.0%22%20rx%3D%221.9%22%20ry%3D%224%22%20transform%3D%22rotate%28242%207.7%209.0%29%22%20fill%3D%22%23FFD700%22/%3E%3Cellipse%20cx%3D%2225.6%22%20cy%3D%2235.5%22%20rx%3D%221.9%22%20ry%3D%224%22%20transform%3D%22rotate%2850%2025.6%2035.5%29%22%20fill%3D%22%23FFD700%22/%3E%3Cellipse%20cx%3D%2232.3%22%20cy%3D%2231.0%22%20rx%3D%221.9%22%20ry%3D%224%22%20transform%3D%22rotate%2822%2032.3%2031.0%29%22%20fill%3D%22%23FFD700%22/%3E%3Cellipse%20cx%3D%2236.0%22%20cy%3D%2224.0%22%20rx%3D%221.9%22%20ry%3D%224%22%20transform%3D%22rotate%28-6%2036.0%2024.0%29%22%20fill%3D%22%23FFD700%22/%3E%3Cellipse%20cx%3D%2236.0%22%20cy%3D%2216.0%22%20rx%3D%221.9%22%20ry%3D%224%22%20transform%3D%22rotate%28-34%2036.0%2016.0%29%22%20fill%3D%22%23FFD700%22/%3E%3Cellipse%20cx%3D%2232.3%22%20cy%3D%229.0%22%20rx%3D%221.9%22%20ry%3D%224%22%20transform%3D%22rotate%28-62%2032.3%209.0%29%22%20fill%3D%22%23FFD700%22/%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2212%22%20fill%3D%22none%22%20stroke%3D%22%23FFD700%22%20stroke-width%3D%221.4%22%20opacity%3D%22.85%22/%3E%3C/svg%3E");color:var(--c-gold);text-shadow:0 0 6px rgba(255,215,0,.8)}
body.skin-dark .tops .top .r:nth-child(2) strong.i{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cellipse%20cx%3D%2214.4%22%20cy%3D%2235.5%22%20rx%3D%221.9%22%20ry%3D%224%22%20transform%3D%22rotate%28130%2014.4%2035.5%29%22%20fill%3D%22%23D9DEE8%22/%3E%3Cellipse%20cx%3D%227.7%22%20cy%3D%2231.0%22%20rx%3D%221.9%22%20ry%3D%224%22%20transform%3D%22rotate%28158%207.7%2031.0%29%22%20fill%3D%22%23D9DEE8%22/%3E%3Cellipse%20cx%3D%224.0%22%20cy%3D%2224.0%22%20rx%3D%221.9%22%20ry%3D%224%22%20transform%3D%22rotate%28186%204.0%2024.0%29%22%20fill%3D%22%23D9DEE8%22/%3E%3Cellipse%20cx%3D%224.0%22%20cy%3D%2216.0%22%20rx%3D%221.9%22%20ry%3D%224%22%20transform%3D%22rotate%28214%204.0%2016.0%29%22%20fill%3D%22%23D9DEE8%22/%3E%3Cellipse%20cx%3D%227.7%22%20cy%3D%229.0%22%20rx%3D%221.9%22%20ry%3D%224%22%20transform%3D%22rotate%28242%207.7%209.0%29%22%20fill%3D%22%23D9DEE8%22/%3E%3Cellipse%20cx%3D%2225.6%22%20cy%3D%2235.5%22%20rx%3D%221.9%22%20ry%3D%224%22%20transform%3D%22rotate%2850%2025.6%2035.5%29%22%20fill%3D%22%23D9DEE8%22/%3E%3Cellipse%20cx%3D%2232.3%22%20cy%3D%2231.0%22%20rx%3D%221.9%22%20ry%3D%224%22%20transform%3D%22rotate%2822%2032.3%2031.0%29%22%20fill%3D%22%23D9DEE8%22/%3E%3Cellipse%20cx%3D%2236.0%22%20cy%3D%2224.0%22%20rx%3D%221.9%22%20ry%3D%224%22%20transform%3D%22rotate%28-6%2036.0%2024.0%29%22%20fill%3D%22%23D9DEE8%22/%3E%3Cellipse%20cx%3D%2236.0%22%20cy%3D%2216.0%22%20rx%3D%221.9%22%20ry%3D%224%22%20transform%3D%22rotate%28-34%2036.0%2016.0%29%22%20fill%3D%22%23D9DEE8%22/%3E%3Cellipse%20cx%3D%2232.3%22%20cy%3D%229.0%22%20rx%3D%221.9%22%20ry%3D%224%22%20transform%3D%22rotate%28-62%2032.3%209.0%29%22%20fill%3D%22%23D9DEE8%22/%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2212%22%20fill%3D%22none%22%20stroke%3D%22%23D9DEE8%22%20stroke-width%3D%221.4%22%20opacity%3D%22.85%22/%3E%3C/svg%3E");color:#E8ECF4;text-shadow:0 0 6px rgba(220,226,240,.7)}
body.skin-dark .tops .top .r:nth-child(3) strong.i{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cellipse%20cx%3D%2214.4%22%20cy%3D%2235.5%22%20rx%3D%221.9%22%20ry%3D%224%22%20transform%3D%22rotate%28130%2014.4%2035.5%29%22%20fill%3D%22%23E08A3C%22/%3E%3Cellipse%20cx%3D%227.7%22%20cy%3D%2231.0%22%20rx%3D%221.9%22%20ry%3D%224%22%20transform%3D%22rotate%28158%207.7%2031.0%29%22%20fill%3D%22%23E08A3C%22/%3E%3Cellipse%20cx%3D%224.0%22%20cy%3D%2224.0%22%20rx%3D%221.9%22%20ry%3D%224%22%20transform%3D%22rotate%28186%204.0%2024.0%29%22%20fill%3D%22%23E08A3C%22/%3E%3Cellipse%20cx%3D%224.0%22%20cy%3D%2216.0%22%20rx%3D%221.9%22%20ry%3D%224%22%20transform%3D%22rotate%28214%204.0%2016.0%29%22%20fill%3D%22%23E08A3C%22/%3E%3Cellipse%20cx%3D%227.7%22%20cy%3D%229.0%22%20rx%3D%221.9%22%20ry%3D%224%22%20transform%3D%22rotate%28242%207.7%209.0%29%22%20fill%3D%22%23E08A3C%22/%3E%3Cellipse%20cx%3D%2225.6%22%20cy%3D%2235.5%22%20rx%3D%221.9%22%20ry%3D%224%22%20transform%3D%22rotate%2850%2025.6%2035.5%29%22%20fill%3D%22%23E08A3C%22/%3E%3Cellipse%20cx%3D%2232.3%22%20cy%3D%2231.0%22%20rx%3D%221.9%22%20ry%3D%224%22%20transform%3D%22rotate%2822%2032.3%2031.0%29%22%20fill%3D%22%23E08A3C%22/%3E%3Cellipse%20cx%3D%2236.0%22%20cy%3D%2224.0%22%20rx%3D%221.9%22%20ry%3D%224%22%20transform%3D%22rotate%28-6%2036.0%2024.0%29%22%20fill%3D%22%23E08A3C%22/%3E%3Cellipse%20cx%3D%2236.0%22%20cy%3D%2216.0%22%20rx%3D%221.9%22%20ry%3D%224%22%20transform%3D%22rotate%28-34%2036.0%2016.0%29%22%20fill%3D%22%23E08A3C%22/%3E%3Cellipse%20cx%3D%2232.3%22%20cy%3D%229.0%22%20rx%3D%221.9%22%20ry%3D%224%22%20transform%3D%22rotate%28-62%2032.3%209.0%29%22%20fill%3D%22%23E08A3C%22/%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2212%22%20fill%3D%22none%22%20stroke%3D%22%23E08A3C%22%20stroke-width%3D%221.4%22%20opacity%3D%22.85%22/%3E%3C/svg%3E");color:#F0A35E;text-shadow:0 0 6px rgba(224,138,60,.8)}
body.skin-dark .tops .top .r img{width:32px;height:32px;box-shadow:0 0 0 2px rgba(255,255,255,.85)}
body.skin-dark .tops .top .r strong.num{font-size:var(--fs-m);font-weight:900;font-family:var(--f-body)}
body.skin-dark .tops .top.up .r strong.num{color:var(--c-up)!important;text-shadow:0 0 8px rgba(0,210,106,.45)}
body.skin-dark .tops .top.down .r strong.num{color:var(--c-dn)!important;text-shadow:0 0 8px rgba(255,59,92,.45)}
@media (max-width:640px){ body.skin-dark .tops .top h2{font-size:var(--fs-s)} body.skin-dark .tops .top .r{font-size:16px} body.skin-dark .tops .top .r strong.num{font-size:var(--fs-s)} }

/* 7. コイン一覧（絵10） */
body.skin-dark .lsubs button,body.skin-dark .lchain button{display:inline-flex;align-items:center;gap:8px;font-weight:900;border-width:1.5px}
body.skin-dark .lsubs button[data-s="hot"]::before,body.skin-dark .lsubs button[data-s="gain"]::before,body.skin-dark .lchain button::before{content:"";flex:none;width:20px;height:20px;background:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}
body.skin-dark .lsubs button[data-s="hot"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2020v-6M10%2020V9M15%2020v-9M20%2020V4%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2020v-6M10%2020V9M15%2020v-9M20%2020V4%22/%3E%3C/svg%3E")}
body.skin-dark .lsubs button[data-s="gain"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2017l6-6%204%204%208-8%22/%3E%3Cpath%20d%3D%22M15%207h6v6%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2017l6-6%204%204%208-8%22/%3E%3Cpath%20d%3D%22M15%207h6v6%22/%3E%3C/svg%3E")}
body.skin-dark .lchain button[data-c="all"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%2013a5%205%200%200%200%207.5.5l3-3a5%205%200%200%200-7-7l-1.7%201.7%22/%3E%3Cpath%20d%3D%22M14%2011a5%205%200%200%200-7.5-.5l-3%203a5%205%200%200%200%207%207l1.7-1.7%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%2013a5%205%200%200%200%207.5.5l3-3a5%205%200%200%200-7-7l-1.7%201.7%22/%3E%3Cpath%20d%3D%22M14%2011a5%205%200%200%200-7.5-.5l-3%203a5%205%200%200%200%207%207l1.7-1.7%22/%3E%3C/svg%3E")}
body.skin-dark .lchain button[data-c="eth"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202l7%2010-7%204-7-4z%22/%3E%3Cpath%20d%3D%22M5%2013.5l7%208.5%207-8.5-7%204z%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202l7%2010-7%204-7-4z%22/%3E%3Cpath%20d%3D%22M5%2013.5l7%208.5%207-8.5-7%204z%22/%3E%3C/svg%3E")}
body.skin-dark .ltwrap{border:1.5px solid transparent;border-radius:20px;background:linear-gradient(180deg,#0c1230,#080c22) padding-box,linear-gradient(135deg,var(--c-n1),#5f86ff 45%,var(--c-n2)) border-box;
  box-shadow:0 0 14px rgba(0,198,255,.3),0 0 32px rgba(166,77,255,.18)}
body.skin-dark .ltbl,body.skin-dark .ltbl th{background:#0c1230}
body.skin-dark .ltbl th{vertical-align:middle;text-align:center;border-bottom:1.5px solid rgba(95,134,255,.6)}
body.skin-dark .ltbl th button{display:inline-flex;flex-direction:column;align-items:center;line-height:1.25;color:#fff;font-weight:900}
body.skin-dark .ltbl th .thsub{display:block;font-size:var(--fs-xs);font-weight:700;color:var(--c-w2);white-space:nowrap}
body.skin-dark .ltbl th:first-child{font-size:20px;font-weight:400}
body.skin-dark .ltbl td.num{text-align:right;font-family:var(--f-body);font-weight:800}
body.skin-dark .ltbl td.up,body.skin-dark .ltbl td.dn{font-weight:900}
body.skin-dark .ltbl td.up{text-shadow:0 0 8px rgba(0,210,106,.35)}
body.skin-dark .ltbl td.dn{text-shadow:0 0 8px rgba(255,59,92,.35)}
body.skin-dark .ltbl td.turn{text-align:left}
body.skin-dark .ltbl .tbar{display:inline-block;vertical-align:middle;width:72px;height:12px;margin-left:8px;border-radius:2px;
  background:repeating-linear-gradient(90deg,#26304f 0 8px,transparent 8px 10.5px)}
body.skin-dark .ltbl .tbar i{display:block;height:100%;background:repeating-linear-gradient(90deg,var(--c-up) 0 8px,transparent 8px 10.5px);filter:drop-shadow(0 0 3px rgba(0,210,106,.7))}
body.skin-dark .ltbl .tag{background:transparent;border:0;box-shadow:none;padding:0;font-size:inherit;font-weight:800;color:#fff}
body.skin-dark .ltbl .mapbtn{border-radius:999px;border-width:1.5px;padding:5px 14px;font-weight:900}
body.skin-dark .ltbl tbody tr.cur .mapbtn{background:linear-gradient(180deg,#7a3dff,#4a1fb8) padding-box,linear-gradient(180deg,#e2c6ff,var(--c-n2)) border-box;box-shadow:0 0 14px rgba(166,77,255,.85)}
body.skin-dark .ltbl tbody tr.cur td{background:linear-gradient(90deg,rgba(122,61,255,.42),rgba(74,31,184,.3) 60%,rgba(60,24,150,.25))}
body.skin-dark .ltbl tbody tr.cur{box-shadow:inset 4px 0 0 var(--c-n2),inset 0 0 0 1px rgba(166,77,255,.75),0 0 16px rgba(166,77,255,.45)}
@media (max-width:640px){ body.skin-dark .ltbl .tbar{width:44px} body.skin-dark .lsubs button::before,body.skin-dark .lchain button::before{width:16px;height:16px} }

/* 8. 左メニューの一番上にタイトルロゴ（日本語の時だけ。ほかの言語は文字の見出しのまま） */
html.kp-has-side body.skin-dark .kp-nav.side .kp-mlogo{position:relative;z-index:1;flex:none;padding:16px 18px 0;line-height:0}
html.kp-has-side body.skin-dark .kp-nav.side .kp-mlogo img{height:28px;width:auto;max-width:100%;mix-blend-mode:lighten}
html.kp-has-side body.skin-dark .kp-nav.side .kp-mlogo+.kp-mhd{padding-top:10px}
html:not([lang="ja"]) body.skin-dark .kp-nav.side .kp-mlogo{display:none}
/* 2026-11-10 部品集の続き：コイン一覧の時は保存・シェアが帯に戻るので、帯を広げる（狭いPCでは2段にして角を少し丸く） */
@media (min-width:1100px){
  body.skin-dark[data-tab="list"] .v4bar{max-width:calc(100% - 28px)}
  body.skin-dark[data-tab="list"] .v4bar .srch{min-width:170px}
}
@media (min-width:1100px) and (max-width:1499px){ body.skin-dark[data-tab="list"] .v4bar{flex-wrap:wrap;border-radius:26px} }
/* 並べ替えの札は1行に（絵10：左に3つ・区切り線・右に2つ） */
body.skin-dark .lhead{flex-wrap:wrap;gap:10px 14px}
body.skin-dark .lsubs button,body.skin-dark .lchain button{padding:9px 16px;font-size:15px}
body.skin-dark .lchain{margin-left:0;padding-left:14px;border-left:1px solid rgba(184,193,218,.35)!important;border-radius:0}
@media (max-width:640px){ body.skin-dark .lsubs button,body.skin-dark .lchain button{padding:7px 11px;font-size:13px;gap:6px} body.skin-dark .lchain{padding-left:0;border-left:0!important} }
/* 表が枠に収まるように（目盛りは細めに） */
@media (min-width:1100px){ body.skin-dark .ltbl .tbar{width:52px;margin-left:6px} body.skin-dark .ltbl .tbar,body.skin-dark .ltbl .tbar i{background-size:auto} }
@media (min-width:1100px){ body.skin-dark .ltbl th,body.skin-dark .ltbl td{padding-left:5px;padding-right:5px} body.skin-dark .ltbl .tbar{width:46px} }
body.skin-dark .ltbl td.tag{display:table-cell;vertical-align:middle;text-align:right}
@media (max-width:640px){ body.skin-dark .v4bar .selbtn{flex:1 1 44%} body.skin-dark .v4bar .srch{flex:1 1 50%} body.skin-dark .v4bar .srch input{font-size:13px} }
/* 英語・韓国語は「暗号資産」の後ろの空白が詰まって見えた（CryptoGainers）→ 間をあける */
html[lang="en"] body.skin-dark .v4bar .logo .l1,html[lang="ko"] body.skin-dark .v4bar .logo .l1{margin-right:.3em}
@media (max-width:640px){ body.skin-dark .lsubs button,body.skin-dark .lchain button{padding:7px 9px;font-size:12.5px;gap:5px} body.skin-dark .lsubs,body.skin-dark .lchain{gap:6px} }
@media (min-width:1100px) and (max-width:1499px){ body.skin-dark[data-tab="list"] .v4bar .srch{min-width:420px;flex:1 1 420px} }
/* 641〜1099px で ☰ が出ていなかった（左メニューを開けない）→ 出す */
@media (min-width:641px) and (max-width:1099px){ html.kp-has-side body.skin-dark .kp-top .kp-navbtn{display:inline-grid;place-items:center;order:-1;width:44px;height:44px;border-radius:12px;font-size:22px;flex:none;margin:0} }
@media (min-width:641px) and (max-width:1099px){ html body.skin-dark .kp-top{justify-content:flex-start} html body.skin-dark .kp-top .right{margin-left:auto} }

/* ============ 2026-11-10 部品集の追加（絵11・16・17・20） ============ */
/* 絵11 スマホのコイン一覧：最初に見えるのは ☆・コイン・時価総額・値段。残りは横にスワイプ（下に手のアイコンの案内） */
body.skin-dark .lswipe{display:none}
@media (max-width:640px){
  body.skin-dark .ltbl{min-width:760px}
  body.skin-dark .ltbl td.coin img{width:30px;height:30px}
  body.skin-dark .lswipe{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px 0 0;padding:0 8px;color:var(--c-w2);font-size:var(--fs-sm);font-weight:700;line-height:1.5;text-align:left}
  body.skin-dark .lswipe::before,body.skin-dark .lswipe::after{content:"";flex:1 1 20px;max-width:44px;height:1.5px;background:linear-gradient(90deg,transparent,var(--c-n2));box-shadow:0 0 6px rgba(166,77,255,.8)}
  body.skin-dark .lswipe::after{background:linear-gradient(90deg,var(--c-n2),transparent)}
  body.skin-dark .lswipe svg{flex:none;color:#fff;filter:drop-shadow(0 0 4px rgba(0,198,255,.6))}
  body.skin-dark.map-open .lswipe{display:none}
}
/* 絵16 下の固定帯：暗い地＋上に青→紫の光る線・金の輪郭＋線のアイコン＋金の字。スマホは2行の字 */
body.skin-dark .sticky .btn-gold{border-radius:999px;color:var(--c-gold);border-color:var(--c-gold);white-space:nowrap}
body.skin-dark .sticky .btn-gold::before,body.skin-dark .sticky .btn-gold#proBar::before,body.skin-dark .sticky .btn-gold:nth-child(2)::before{content:"";flex:none;width:24px;height:24px;filter:drop-shadow(0 0 4px rgba(255,215,0,.75));
  background:linear-gradient(180deg,#fff2a0,#FFD700 45%,#e09a10);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20x%3D%223%22%20y%3D%2215%22%20width%3D%223.6%22%20height%3D%226%22%20rx%3D%221%22/%3E%3Crect%20x%3D%228.5%22%20y%3D%2211%22%20width%3D%223.6%22%20height%3D%2210%22%20rx%3D%221%22/%3E%3Crect%20x%3D%2214%22%20y%3D%227%22%20width%3D%223.6%22%20height%3D%2214%22%20rx%3D%221%22/%3E%3Crect%20x%3D%2219.5%22%20y%3D%223%22%20width%3D%223.6%22%20height%3D%2218%22%20rx%3D%221%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20x%3D%223%22%20y%3D%2215%22%20width%3D%223.6%22%20height%3D%226%22%20rx%3D%221%22/%3E%3Crect%20x%3D%228.5%22%20y%3D%2211%22%20width%3D%223.6%22%20height%3D%2210%22%20rx%3D%221%22/%3E%3Crect%20x%3D%2214%22%20y%3D%227%22%20width%3D%223.6%22%20height%3D%2214%22%20rx%3D%221%22/%3E%3Crect%20x%3D%2219.5%22%20y%3D%223%22%20width%3D%223.6%22%20height%3D%2218%22%20rx%3D%221%22/%3E%3C/svg%3E") center/contain no-repeat}
body.skin-dark .sticky .btn-gold#proBar::before,body.skin-dark .sticky .btn-gold:nth-child(2)::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2018l7-7%204%204%209-9%22/%3E%3Cpath%20d%3D%22M15%206h7v7%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2018l7-7%204%204%209-9%22/%3E%3Cpath%20d%3D%22M15%206h7v7%22/%3E%3C/svg%3E")}
body.skin-dark .sticky::before{background:linear-gradient(90deg,transparent,var(--c-n1) 12%,#7d6cff 50%,var(--c-n2) 88%,transparent);box-shadow:0 0 12px rgba(120,110,255,.9)}
@media (max-width:640px){
  body.skin-dark .sticky .btn-gold{white-space:normal;text-wrap:balance;line-height:1.2;text-align:left;font-size:14px;padding:6px 10px;min-height:52px;gap:8px}
  body.skin-dark .sticky .btn-gold::before{width:22px;height:22px}
}
/* 絵17 左メニュー：上の見出しは棒グラフのアイコン＋「金ちゃんの無料ツール」＋×（金ちゃんの絵は下のまま） */
html.kp-has-side body.skin-dark .kp-nav.side .kp-mhd .av{width:30px;height:30px;border-radius:0;box-shadow:none;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%221%22%20x2%3D%220%22%20y2%3D%220%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%236c8cff%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d36cff%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill%3D%22url%28%23g%29%22%3E%3Crect%20x%3D%223%22%20y%3D%2215%22%20width%3D%223.6%22%20height%3D%226%22%20rx%3D%221%22/%3E%3Crect%20x%3D%228.5%22%20y%3D%2211%22%20width%3D%223.6%22%20height%3D%2210%22%20rx%3D%221%22/%3E%3Crect%20x%3D%2214%22%20y%3D%227%22%20width%3D%223.6%22%20height%3D%2214%22%20rx%3D%221%22/%3E%3Crect%20x%3D%2219.5%22%20y%3D%223%22%20width%3D%223.6%22%20height%3D%2218%22%20rx%3D%221%22/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 0 5px rgba(180,110,255,.8))}
html.kp-has-side body.skin-dark .kp-nav.side .kp-mhd{border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(108,140,255,.1),rgba(166,77,255,.8),rgba(108,140,255,.1)) 1;padding-bottom:14px}
html.kp-has-side body.skin-dark .kp-nav.side .kp-mhd b{font-size:17px}
/* 絵20 英語など字が長い言語：タブ・札・ボタンは2行にせず幅が伸びる */
html:not([lang="ja"]) body.skin-dark .v4bar .tabs button,html:not([lang="ja"]) body.skin-dark .v4btn,html:not([lang="ja"]) body.skin-dark .selbtn,html:not([lang="ja"]) body.skin-dark .lsubs button,html:not([lang="ja"]) body.skin-dark .lchain button,html:not([lang="ja"]) body.skin-dark .kp-top .tools,html:not([lang="ja"]) body.skin-dark .ltbl .mapbtn{white-space:nowrap;flex-shrink:0}
@media (min-width:641px){ html:not([lang="ja"]) body.skin-dark .ttabs button,html:not([lang="ja"]) body.skin-dark .sticky .btn-gold{white-space:nowrap;flex-shrink:0} }
@media (max-width:640px){
  html:not([lang="ja"]) body.skin-dark .ttabs{display:flex;overflow-x:auto;scrollbar-width:none}
  html:not([lang="ja"]) body.skin-dark .ttabs::-webkit-scrollbar{display:none}
  html:not([lang="ja"]) body.skin-dark .ttabs button{flex:1 0 auto;white-space:nowrap;padding:4px 12px}
  html:not([lang="ja"]) body.skin-dark .ttabs button .tl br{display:none}
  html:not([lang="ja"]) body.skin-dark .v4bar .act .v4btn{flex:1 0 auto}
}
/* 絵11：スマホの並べ替えの札は3つで1行（「人気（売買の量順）」は2行）・チェーンの2つで1行 */
@media (max-width:640px){
  body.skin-dark .lsubs{display:grid;grid-template-columns:1.25fr 1fr 1fr;width:100%;gap:6px}
  body.skin-dark .lchain{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:6px}
  body.skin-dark .lsubs button,body.skin-dark .lchain button{justify-content:center;min-width:0;min-height:46px;white-space:normal;word-break:keep-all;line-height:1.2;text-align:center;padding:5px 8px}
  html:not([lang="ja"]) body.skin-dark .lsubs button,html:not([lang="ja"]) body.skin-dark .lchain button{white-space:normal;flex-shrink:1}
  html:not([lang="ja"]) body.skin-dark .ttabs{gap:6px}
  html:not([lang="ja"]) body.skin-dark .ttabs button{font-size:12.5px;padding:4px 9px;gap:5px}
  html:not([lang="ja"]) body.skin-dark .ttabs button svg{width:16px;height:16px}
}
/* 2026-11-10 金ちゃんの指定：保存ボタンのアイコンは下向き矢印（高さ18） */
body.skin-dark .v4btn .dlic{width:18px;height:18px;flex:none;display:inline-block;vertical-align:-3px;filter:drop-shadow(0 0 3px rgba(108,140,255,.6))}
/* 金ちゃん：3つのタブは「もっと小さく」（高さ48・字15）。部品集の 56 より、金ちゃんの指示を優先 */
@media (min-width:641px){ body.skin-dark .ttabs button{height:48px;min-height:48px;padding:0 24px;gap:10px;font-size:15px;border-radius:14px} body.skin-dark .ttabs button svg{width:20px;height:20px} body.skin-dark .ttabs{padding:12px 18px 10px} }
@media (max-width:640px){ body.skin-dark .ttabs button{min-height:46px;font-size:13px} }
@media (max-width:640px){ html body.skin-dark .kp-top .kt-langs:hover>.on,html body.skin-dark .kp-top .kt-langs:focus-within>.on{filter:brightness(1.18);box-shadow:0 0 18px rgba(0,198,255,.9),inset 0 1px 0 rgba(255,255,255,.5)} }
/* 2026-11-10 金ちゃん：幅の広い画面で左に大きな黒い余白 → PC は中身を画面幅いっぱい（左右20pxだけ）。泡の図は 16:9（高さは top.js の fitHero が幅から決める） */
@media (min-width:1100px){
  body.skin-dark .pcgrid,body.skin-dark.map-open .pcgrid{max-width:none;margin:0;padding:0 20px}
  body.skin-dark .ttabs{max-width:none;margin:0;padding-left:20px;padding-right:20px}
  body.skin-dark .v4bar{max-width:none;margin:10px 20px 0}
  body.skin-dark[data-tab="list"] .v4bar{max-width:none}
  html body.skin-dark .kp-top{margin:10px 20px 0}
  body.skin-dark .pcgrid main.wrap{max-width:none}
}
@media (min-width:641px){ body.skin-dark .hero{min-height:0} body.skin-dark #board .bbtag{display:inline-flex!important;visibility:visible;opacity:1} }
body.skin-dark .ltbl td.tag{background:transparent;box-shadow:none;border:0;border-bottom:1px solid rgba(108,140,255,.12);border-radius:0;padding:7px 10px;font-size:15.5px}
@media (min-width:1100px){ body.skin-dark .ltbl td.tag{padding:7px 5px;font-size:14.5px} }
@media (max-width:640px){ body.skin-dark .ltbl td.tag{padding:8px 6px;font-size:13px} }

/* 2026-11-10 監査6：スマホでは泡の上の見出し札を泡の外（カードの上）に出す（泡の名前を隠さない） */
@media (max-width:640px){ body.skin-dark #map.hero{padding-top:40px} body.skin-dark #board{overflow:visible} body.skin-dark #board .bbtag{top:-36px;left:0} }
/* 2026-11-10 監査7：☰ の金ちゃんの絵の下が切れない（引き出しは縦に送れる） */
body.skin-dark .kp-nav.side{overflow-y:auto} body.skin-dark .kp-nav.side .kp-me{height:auto!important;max-height:none!important;overflow:visible!important}

/* 2026-11-10 監査6：PC でも小窓は中身の高さいっぱい（貼り付けず・内側で切らない。チャートまでページを送って見る） */
@media (min-width:900px){ body.skin-dark .lsplit.open .lright{position:static!important;max-height:none!important;top:auto} body.skin-dark #fMap{max-height:none!important;height:auto;min-height:720px} }
/* 2026-11-10 スマホ：泡の図の下の説明が次のカードと重ならないよう、カードの高さは中身なり（泡の箱だけ固定） */
@media (max-width:640px){ body.skin-dark #map.hero{height:auto!important;min-height:0!important} body.skin-dark #board{height:400px!important;flex:none} body.skin-dark #map .hleg{position:static;margin-top:6px} }

/* 2026-11-09 監査（L-42 の直しのあと）：（PC の高さは top.js の fitHero）スマホの見出し札が枠に切られて消えない */
@media (max-width:640px){ body.skin-dark .hero #board{overflow:visible} body.skin-dark .hero #board #bgcv{border-radius:inherit} }
/* 2026-11-09 金ちゃん（写真）：泡を押した時の小窓の上に見出し札が重なって銘柄名が隠れる → 小窓は札の下から・札とボタンより手前 */
body.skin-dark #board>.sel{z-index:9}
@media (min-width:641px){ body.skin-dark #board>.sel{top:58px;max-height:calc(100% - 70px);overflow:auto} }
/* 2026-11-09 金ちゃん（写真）：時価総額ランキングでは、上の帯の期間（1時間〜30日）・銘柄の数・さがすは効かないので出さない（ランキングの中に専用の 7日/30日/1年・10/20/30・銘柄を選ぶ がある） */
body.skin-dark[data-tab="race"] .v4bar #tabs,body.skin-dark[data-tab="race"] .v4bar #selBtn,body.skin-dark[data-tab="race"] .v4bar .srch,body.skin-dark[data-tab="race"] #selPanel{display:none!important}

/* 2026-11-09 金ちゃん（赤枠と水色枠）：タブの列はページの一番上。その下に選んだタブのかたまり。ランキングでは上の操作の列を出さない・コイン一覧では題の絵を出さない。保存・シェアは泡の図のタブだけ（泡の図の中・スマホは真上） */
body.skin-dark #ttabs{margin-top:10px}
body.skin-dark[data-tab="race"] .v4bar{display:none!important}
body.skin-dark[data-tab="list"] .v4bar .logo{display:none!important}
body.skin-dark:not([data-tab="bubbles"]) .act{display:none!important}
@media (min-width:641px){
  body.skin-dark #board>.act{display:flex;gap:10px;position:absolute;right:12px;top:12px;z-index:7;margin:0}
  body.skin-dark #board>.act .v4btn{height:44px;min-height:44px;border-radius:12px;padding:0 14px;font-size:15px;font-weight:800;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
  body.skin-dark #board>.act .v4btn .lbl{display:inline}
  body.skin-dark #board>.act .saverow{top:52px;right:0;left:auto;min-width:220px}
}
@media (max-width:640px){
  body.skin-dark #map>.act{display:flex;gap:8px;margin:0 0 44px;position:relative}
  body.skin-dark #map>.act .v4btn{flex:1 1 0;justify-content:center;min-height:42px}
  body.skin-dark #map>.act .saverow{top:48px}
}
body.skin-dark .v4bar>#selPanel{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:60;max-height:70vh;overflow:auto}
@media (max-width:1099px){ body.skin-dark .v4bar{position:relative} }   /* 狭い画面では帯は貼り付かない（元から static）ので、選ぶ窓の基準にする。広い画面は元の sticky のまま */

/* 2026-11-09 保存・シェアを上の帯から泡の図へ移したので、どの幅でも上の帯と同じ金のシェアボタンにする */
body.skin-dark #map .act .v4btn.gold{position:relative;overflow:hidden;color:#2b1a00;border:0;font-weight:900;font-size:16px;padding:0 20px;background:linear-gradient(180deg,#fff6c4 0%,#ffd75a 34%,#e7a91c 70%,#c17f06 100%);box-shadow:inset 0 0 0 1px rgba(120,72,0,.55),0 0 16px rgba(255,200,60,.45),0 5px 12px rgba(0,0,0,.22);animation:goldbreath 3.2s ease-in-out infinite;text-shadow:0 1px 0 rgba(255,255,255,.5);transition:transform .15s,filter .15s}
body.skin-dark #map .act .v4btn.gold::before{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.85) 50%,rgba(255,255,255,0));transform:skewX(-18deg);animation:goldsweep 2.8s ease-in-out infinite;pointer-events:none}
body.skin-dark #map .act .v4btn.gold::after{content:"";position:absolute;inset:0 0 50% 0;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));pointer-events:none;border-radius:14px 14px 0 0}
body.skin-dark #map .act .v4btn.gold:hover{transform:translateY(-2px);filter:brightness(1.08)}
body.skin-dark #map .act .v4btn.gold:active{transform:translateY(2px);filter:brightness(.95)}
@media (max-width:640px){ body.skin-dark #map>.act .v4btn{flex-direction:row;white-space:nowrap;gap:6px;align-items:center} body.skin-dark #map>.act .v4btn .lbl{display:inline} }
@media (max-width:640px){ body.skin-dark #map>.act .v4btn{display:inline-flex!important;justify-content:center} body.skin-dark #ttabs button{gap:4px;padding:4px 4px} body.skin-dark #ttabs button svg{width:16px;height:16px;flex:none} body.skin-dark #ttabs button .tl{font-size:12px;white-space:nowrap;line-height:1.25} }
/* 2026-11-09 監査：下へ送った時、貼り付く上の帯が右の札の題を隠さない／1000幅で選ぶボタンの字が切れない／スマホの一覧で並べ替えの列と帯の間をあける */
@media (min-width:1100px){ body.skin-dark:not([data-tab="race"]) .pcgrid>aside{top:96px;max-height:calc(100vh - 108px)} }
@media (min-width:641px) and (max-width:1099px){ body.skin-dark .v4bar .selbtn{flex:0 0 auto;max-width:none;overflow:visible;text-overflow:clip} }
@media (max-width:640px){ body.skin-dark .lhead{margin-top:10px} }

/* 2026-11-09 金ちゃん：題の帯と泡の図を1つの枠の中に／3つのタブを小さく */
body.skin-dark #map.hero{border:1.5px solid transparent;border-radius:20px;background:linear-gradient(180deg,rgba(11,17,48,.97),rgba(7,11,29,.97)) padding-box,var(--neon-b) border-box;box-shadow:var(--neon-glow);padding:0 12px 10px;margin-top:10px}
body.skin-dark #map>.v4bar,body.skin-dark #list>.v4bar{max-width:none;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;position:static;top:auto;border-bottom:1px solid rgba(108,140,255,.28);padding:10px 4px}
body.skin-dark #map>.v4bar{margin-bottom:10px}
body.skin-dark .hero #board{border-color:rgba(108,140,255,.35);box-shadow:none}
body.skin-dark #list.lsec{border:1.5px solid transparent;border-radius:20px;background:linear-gradient(180deg,rgba(11,17,48,.97),rgba(7,11,29,.97)) padding-box,var(--neon-b) border-box;box-shadow:var(--neon-glow);padding:0 12px 12px}
body.skin-dark #ttabs button{height:36px!important;min-height:36px!important;padding:0 14px!important;font-size:13.5px!important;gap:6px!important;border-radius:10px!important}
body.skin-dark #ttabs button svg{width:15px;height:15px}
body.skin-dark #ttabs{gap:8px}
@media (max-width:640px){ body.skin-dark #map.hero{padding:0 8px 8px} body.skin-dark #ttabs button{height:auto!important;min-height:38px!important;padding:3px 6px!important;font-size:12px!important} }
@media (max-width:1099px){ body.skin-dark #map.hero{margin-left:10px;margin-right:10px} body.skin-dark #list.lsec{margin-left:10px;margin-right:10px} }

/* =====================================================================================================
   2026-11-09 実装役A（r12a）：金ちゃんの修正依頼 R1・R4・R5・R8・R9・R11／答え10（タブ・ボタンは今の72%）／未決2＝B（スマホの順）
   zoom は使わず、高さ・字・余白を実際の値で 0.72 倍にする（字は 10px を下限）。数字・泡の中の字・表の数字は小さくしない
   ===================================================================================================== */
/* ---- R1・答え10：上の帯（サイトの帯） ---- */
html body.skin-dark .kp-top{padding:6px 8px 6px 10px!important;gap:10px!important}
html body.skin-dark .kp-top .brand{font-size:13px!important;gap:7px!important;padding-right:10px}
html body.skin-dark .kp-top .brand img{width:29px!important;height:29px!important;border-width:1.5px}
html body.skin-dark .kp-top .kp-tick{height:24px!important;padding-right:16px!important}
html body.skin-dark .kp-top .kp-tick::after{border-left-width:9px;border-top-width:5px;border-bottom-width:5px;margin-top:-5px}
html body.skin-dark .kp-top .kp-tick .tkh,html body.skin-dark .ticker .tkh{height:19px!important;padding:0 9px!important;font-size:11px!important;border-width:1px}
html body.skin-dark .kp-tick .tk,html body.skin-dark .ticker .tk{font-size:11px!important}
html body.skin-dark .kp-tick .sok,html body.skin-dark .ticker .sok{font-size:11px!important;padding:0 4px!important}
html body.skin-dark .kp-top .tools{padding:5px 13px!important;font-size:11px!important;border-width:1.5px!important}
html body.skin-dark .kp-top .right{gap:9px!important}
html body.skin-dark .kp-top .kt-langs{gap:4px}
html body.skin-dark .kp-top .kt-langs button,html body.skin-dark .kp-top .kt-langs a{font-size:11px!important;padding:5px 7px!important;min-height:26px!important;border-radius:7px!important}
html body.skin-dark .kp-top .kp-navbtn{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;font-size:16px!important;border-radius:9px!important;padding:0!important;line-height:1!important}
@media (min-width:1100px){ html body.skin-dark .kp-top .kt-langs{padding-right:9px} }
@media (max-width:1099px){
  html body.skin-dark .kp-top{padding:7px 9px 6px!important}
  html body.skin-dark .ticker{height:32px!important;padding:4px 20px 6px 9px!important}
  html body.skin-dark .ticker::after{right:9px;margin-top:-6px;border-left-width:8px;border-top-width:4.5px;border-bottom-width:4.5px}
  html body.skin-dark .ticker .tkh{margin-right:7px}
}
@media (max-width:640px){
  html body.skin-dark .kp-top{padding:6px 6px 5px!important;gap:6px!important}
  html body.skin-dark .kp-top .brand{font-size:11px!important;gap:6px!important}
  html body.skin-dark .kp-top .brand img{width:25px!important;height:25px!important}
  html body.skin-dark .kp-top .kt-langs>.on,html body.skin-dark .kp-top .kt-langs>[aria-pressed="true"]{padding:6px 9px!important;font-size:11px!important}
  html body.skin-dark .ticker{height:30px!important}
  html body.skin-dark .ticker .tk{font-size:11px!important}
}
/* ---- R1・答え10：タブ3つ ---- */
html body.skin-dark #ttabs{gap:6px!important;padding-top:9px!important;padding-bottom:7px!important;margin-top:7px!important}
html body.skin-dark #ttabs button{height:26px!important;min-height:26px!important;padding:0 10px!important;font-size:11px!important;gap:4px!important;border-radius:7px!important;border-width:1px!important}
html body.skin-dark #ttabs button svg{width:11px!important;height:11px!important}
@media (max-width:640px){
  html body.skin-dark #ttabs{padding:7px 7px 6px!important}
  html body.skin-dark #ttabs button{height:auto!important;min-height:28px!important;padding:2px 4px!important;gap:3px!important}
  html body.skin-dark #ttabs button svg{width:12px!important;height:12px!important}
  html body.skin-dark #ttabs button .tl{font-size:11px!important;line-height:1.2!important}
}
/* ---- R1・答え10：題の帯（期間・銘柄の数・さがす） ---- */
html body.skin-dark #map>.v4bar,html body.skin-dark #list>.v4bar{padding:7px 3px!important;gap:10px!important}
html body.skin-dark #map>.v4bar{margin-bottom:7px!important}
html body.skin-dark .v4bar .tabs{padding:3px!important}
html body.skin-dark .v4bar .tabs button{font-size:11px!important;padding:5px 13px!important;min-height:0!important;line-height:1.5!important}
html body.skin-dark .v4bar .selbtn{min-height:32px!important;padding:5px 13px!important;font-size:11px!important}
html body.skin-dark .v4bar .srch{min-height:32px!important;padding:0 12px!important;gap:5px!important}
html body.skin-dark .v4bar .srch input{font-size:11px!important}
html body.skin-dark .v4bar .logo{padding-right:10px}
html body.skin-dark .v4bar .logo img.tlogo{height:29px!important}
@media (max-width:640px){
  html body.skin-dark .v4bar .tabs button{font-size:11px!important;padding:5px 3px!important}
  html body.skin-dark .v4bar .logo img.tlogo{height:22px!important}
  html body.skin-dark .v4bar .selbtn{padding:5px 8px!important;font-size:11px!important}
  html body.skin-dark .v4bar .srch{padding:0 8px!important}
  html body.skin-dark .v4bar .srch input{font-size:11px!important}
}
/* ---- R1・答え10：保存・シェア（泡の図の中・コイン一覧の表の右上） ---- */
html body.skin-dark .act .v4btn,html body.skin-dark .lact .v4btn{height:32px!important;min-height:32px!important;max-height:32px!important;min-width:0!important;padding:0 10px!important;font-size:11px!important;gap:6px!important;border-radius:9px!important}
html body.skin-dark .act .v4btn.gold,html body.skin-dark .lact .v4btn.gold{font-size:11.5px!important;padding:0 14px!important}
html body.skin-dark .act .v4btn svg.dlic,html body.skin-dark .lact .v4btn svg.dlic{width:13px;height:13px}
html body.skin-dark .act .v4btn svg.shic,html body.skin-dark .lact .v4btn svg.shic{width:13px;height:13px;flex:none}
html body.skin-dark .act .saverow,html body.skin-dark .lact .saverow{top:38px!important;min-width:170px!important;padding:8px!important;gap:6px!important}
html body.skin-dark .saverow b{font-size:11px!important}
html body.skin-dark .saverow .btn-line{min-height:30px!important;font-size:11px!important;padding:4px 10px!important;border-radius:8px!important}
@media (min-width:641px){ html body.skin-dark #board>.act{gap:7px!important;right:10px!important;top:10px!important} }
@media (max-width:640px){ html body.skin-dark .act .v4btn,html body.skin-dark .lact .v4btn{height:30px!important;min-height:30px!important;max-height:30px!important;font-size:11px!important} html body.skin-dark .act .v4btn.gold,html body.skin-dark .lact .v4btn.gold{font-size:11.5px!important} }
/* ---- R1・R11：名前の札（押せない物）＝小さく・平らに（光らせない・枠は細い1色・影なし・カーソルも変えない）。押せるボタン（ネオンの枠＋光）と見た目を分ける ---- */
html body.skin-dark .bbtag{display:inline-flex;align-items:center;gap:5px!important;padding:4px 9px!important;font:800 11px/1.2 var(--f-body)!important;letter-spacing:.02em;color:var(--c-w2)!important;background:rgba(9,14,34,.72)!important;border:1px solid rgba(184,193,218,.32)!important;border-radius:5px!important;box-shadow:none!important;cursor:default;pointer-events:none;text-shadow:none}
html body.skin-dark .bbtag svg{width:11px!important;height:11px!important;color:var(--c-w2)!important;filter:none!important;flex:none}
@media (min-width:641px){ html body.skin-dark #board>.sel{top:36px!important;max-height:calc(100% - 46px)!important} }
/* ---- R8：説明の文を小さく（本文 12px・補足 11.5px）。TOP5 は見出しのすぐ下が1位（照合41）＝補足の文は箱の下へ ---- */
html body.skin-dark .tops .top{display:flex;flex-direction:column;padding:12px 14px 8px!important}
html body.skin-dark .tops .top h2{font-size:16px!important;padding-bottom:7px!important;margin-bottom:4px!important}
html body.skin-dark .tops .top h2::before{width:22px!important;height:22px!important;margin-right:7px!important;vertical-align:-5px!important}
html body.skin-dark .tops .top .tn{order:9;margin:8px 0 2px!important;font-size:11.5px!important;line-height:1.5}
html body.skin-dark .tops .top .none{font-size:12px!important}
html body.skin-dark #lnote,html body.skin-dark .note{font-size:12px!important;line-height:1.6}
html body.skin-dark .lswipe{font-size:12px!important}
html body.skin-dark .lswipe svg{width:26px;height:20px}
@media (max-width:640px){ html body.skin-dark .tops .top h2{font-size:13px!important} html body.skin-dark .tops .top h2::before{width:18px!important;height:18px!important} }
/* 照合37：泡の図の下の説明は、上に光る区切り線 */
html body.skin-dark #map .hleg{position:relative;margin-top:8px!important;padding-top:7px!important;border-top:0}
html body.skin-dark #map .hleg::before{content:"";position:absolute;left:4px;right:4px;top:0;height:1.5px;background:linear-gradient(90deg,rgba(0,198,255,0),var(--c-n1) 20%,var(--c-n2) 80%,rgba(166,77,255,0));box-shadow:0 0 8px rgba(120,120,255,.7);pointer-events:none}
/* ---- R1・答え10：コイン一覧の並べ替えの札・表の中のボタン ---- */
html body.skin-dark .lhead{gap:7px!important}
html body.skin-dark .lsubs,html body.skin-dark .lchain{gap:6px!important}
html body.skin-dark .lsubs button,html body.skin-dark .lchain button{font-size:11px!important;padding:5px 12px!important;min-height:30px!important;gap:6px!important}
html body.skin-dark .lsubs button::before,html body.skin-dark .lchain button::before{width:14px!important;height:14px!important}
html body.skin-dark .ltbl .mapbtn{min-height:25px!important;padding:3px 10px!important;font-size:11px!important;gap:4px!important}
html body.skin-dark .ltbl .mapbtn svg{width:14px;height:11px;flex:none}
html body.skin-dark .ltbl .fav{min-width:26px!important;min-height:26px!important;font-size:15px!important}
@media (max-width:640px){ html body.skin-dark .lsubs button,html body.skin-dark .lchain button{font-size:11px!important;padding:3px 6px!important;min-height:33px!important;gap:4px!important} html body.skin-dark .lsubs button::before,html body.skin-dark .lchain button::before{width:12px!important;height:12px!important} }

/* ---- R4・R5・R9：バナーの列。幅 900px 以上は3つのタブとも「左＝中身・右＝バナーの列」（900〜1099 は列を細く）。900 未満で下に並ぶ時は1枚 最大360px を横に並べる ---- */
@media (min-width:900px) and (max-width:1099px){
  body.skin-dark .pcgrid{display:grid;grid-template-columns:minmax(0,1fr) 212px;gap:0 14px;padding:0 10px;align-items:start}
  body.skin-dark .pcgrid>.pcl{min-width:0}
  body.skin-dark .pcgrid>aside{position:sticky;top:10px;max-height:calc(100vh - 20px);overflow:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:12px;padding:10px 0 0!important}
  body.skin-dark .pcgrid>aside::-webkit-scrollbar{display:none}
  body.skin-dark .pcgrid main.wrap{padding-left:0;padding-right:0;max-width:none}
  body.skin-dark .pcgrid #map.hero,body.skin-dark .pcgrid #list.lsec{margin-left:0!important;margin-right:0!important}
  body.skin-dark.map-open .pcgrid{grid-template-columns:minmax(0,1fr)}
  body.skin-dark.map-open .pcgrid>aside{display:none}
}
@media (max-width:899px){
  body.skin-dark .pcgrid>aside{position:static!important;max-height:none!important;overflow:visible!important}
  body.skin-dark .pcgrid>aside>[data-promo-side]{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(230px,360px));justify-content:center;align-items:start;gap:12px}
  body.skin-dark .pcgrid>aside>[data-promo-side]>*{max-width:360px;width:100%;margin:0!important;justify-self:center}
}

/* ---- 未決2＝B：スマホの順番は 名前の札 → 保存・シェア → 泡の図（tabs.js が札を泡の箱の外へ出す） ---- */
@media (max-width:640px){
  html body.skin-dark #map.hero{padding-top:0!important}
  html body.skin-dark #map>.bbtag{position:static!important;margin:8px 0 7px 2px}
  html body.skin-dark #map>.act{margin:0 0 8px!important}
}

/* ---- 照合3〜12：色の値を部品集03 にそろえる（背景 #0A0F24・カード #121A3A・金 #FFD700・緑 #00D26A・赤 #FF3B5C・弱い白 #B8C1DA）／数字は太い角の無い字 ---- */
body.skin-dark{--bg:#0A0F24;--card:#121A3A;--gold:#FFD700;--mut:#B8C1DA;--up:#00D26A;--down:#FF3B5C;background-color:#0A0F24}
html body.skin-dark .ltbl td.num,html body.skin-dark .sel .num,html body.skin-dark .sr .av{font-family:var(--f-body)!important;font-weight:800;font-variant-numeric:tabular-nums}
html body.skin-dark .sr .av.up,html body.skin-dark .sr .up,html body.skin-dark .r .up{color:#00D26A!important}
html body.skin-dark .sr .av.dn,html body.skin-dark .sr .dn,html body.skin-dark .r .dn{color:#FF3B5C!important}
/* ---- 照合16・22：ニュースの字は全部金色（見出しも）・下に金色に光る線（PC・スマホ） ---- */
html body.skin-dark .kp-tick .tk,html body.skin-dark .ticker .tk,html body.skin-dark .kp-tick .tki i,html body.skin-dark .ticker .tki i{color:#FFD700!important}
html body.skin-dark .kp-tick .tk:hover,html body.skin-dark .ticker .tk:hover{text-shadow:0 0 8px rgba(255,215,0,.8)}
html body.skin-dark .kp-top .kp-tick{background:linear-gradient(90deg,rgba(255,215,0,0),#FFD700 30%,#FFD700 70%,rgba(255,215,0,0)) center bottom/100% 1.5px no-repeat!important;filter:none}
html body.skin-dark .kp-top .kp-tick::before{content:"";position:absolute;left:8%;right:8%;bottom:-1px;height:4px;background:radial-gradient(ellipse at center,rgba(255,215,0,.75),rgba(255,215,0,0) 70%);filter:blur(2px);pointer-events:none}
@media (max-width:1099px){ html body.skin-dark .ticker{background:linear-gradient(90deg,rgba(255,215,0,0) 6%,#FFD700 40%,#FFD700 60%,rgba(255,215,0,0) 94%) center bottom 4px/90% 1.5px no-repeat,linear-gradient(180deg,#0a1030,#070b1d) padding-box,var(--neon-b) border-box!important} html body.skin-dark .ticker::before{content:"";position:absolute;left:14%;right:14%;bottom:2px;height:5px;background:radial-gradient(ellipse at center,rgba(255,215,0,.7),rgba(255,215,0,0) 70%);filter:blur(2px);pointer-events:none} }
/* ---- 照合19：言語の選んでいない物は紺の地に紫の線 ---- */
html body.skin-dark .kp-top .kt-langs button:not(.on):not([aria-pressed="true"]),html body.skin-dark .kp-top .kt-cur button[aria-pressed="false"]{background:linear-gradient(180deg,#0e1434,#090d24) padding-box,linear-gradient(140deg,#7f6cff,#A64DFF) border-box!important;border:1px solid transparent!important;color:#fff!important;box-shadow:none!important}
/* ---- 答え3：「ドル｜円」（言語ボタンと同じ形の切替。円のレートが取れない時は暗く・押せない） ---- */
html body.skin-dark .kp-top .kt-cur{display:flex;gap:4px;flex:none;align-items:center}
html body.skin-dark .kp-top .kt-cur button{font:900 11px/1.2 var(--f-body);padding:5px 7px;min-height:26px;border-radius:7px;cursor:pointer;white-space:nowrap;transition:transform .15s,filter .15s,box-shadow .15s}
html body.skin-dark .kp-top .kt-cur button[aria-pressed="true"]{color:#fff;border:1px solid transparent;background:linear-gradient(180deg,#36a8ff,#0b66e0) padding-box,linear-gradient(180deg,#bfe9ff,#00C6FF) border-box;box-shadow:0 0 10px rgba(0,198,255,.75),inset 0 1px 0 rgba(255,255,255,.45)}
html body.skin-dark .kp-top .kt-cur button:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.6)}
@media (min-width:1100px){ html body.skin-dark .kp-top .kt-cur{padding-right:9px;border-right:1px solid rgba(184,193,218,.35)} }
@media (max-width:640px){ html body.skin-dark .kp-top .kt-cur button{padding:5px 6px} html body.skin-dark .kp-top .right{gap:6px!important} }
/* ---- 照合97・部品集_01：押せる物はカーソルで紫に光って少し浮く・押すと沈む ---- */
@media (hover:hover){
  html body.skin-dark .kp-top .kt-langs button:hover,html body.skin-dark .kp-top .kt-cur button:not(:disabled):hover,html body.skin-dark .kp-top .kp-navbtn:hover,html body.skin-dark #ttabs button:hover,html body.skin-dark .v4bar .tabs button:not([aria-selected="true"]):hover,html body.skin-dark .v4bar .selbtn:hover,html body.skin-dark .v4bar .srch:hover,html body.skin-dark .act .v4btn:not(.gold):hover,html body.skin-dark .lact .v4btn:not(.gold):hover,html body.skin-dark .saverow .btn-line:hover,html body.skin-dark .lsubs button:hover,html body.skin-dark .lchain button:hover,html body.skin-dark .ltbl .mapbtn:hover{transform:translateY(-2px)!important;filter:brightness(1.18)!important;box-shadow:0 0 0 1px rgba(190,150,255,.9),0 0 12px rgba(166,77,255,.85),0 0 26px rgba(166,77,255,.4)!important}
  html body.skin-dark .ltbl .fav:hover{transform:scale(1.25);color:#FFD700;text-shadow:0 0 8px rgba(255,215,0,.8)}
  html body.skin-dark .ltbl th button:hover{color:#fff;text-shadow:0 0 8px rgba(166,77,255,.9)}
}
html body.skin-dark .kp-top .kt-langs button:active,html body.skin-dark .kp-top .kt-cur button:not(:disabled):active,html body.skin-dark .kp-top .kp-navbtn:active,html body.skin-dark #ttabs button:active,html body.skin-dark .v4bar .tabs button:active,html body.skin-dark .v4bar .selbtn:active,html body.skin-dark .act .v4btn:active,html body.skin-dark .lact .v4btn:active,html body.skin-dark .saverow .btn-line:active,html body.skin-dark .lsubs button:active,html body.skin-dark .lchain button:active,html body.skin-dark .ltbl .mapbtn:active{transform:translateY(1px)!important;filter:brightness(.92)!important}
/* ---- 照合26：さがすの虫めがねは線の絵 ---- */
html body.skin-dark .v4bar .srch svg.sric{flex:none;width:13px;height:13px;color:var(--c-w2);filter:drop-shadow(0 0 3px rgba(0,198,255,.5))}
/* ---- 照合43：「全部のチェーン ▾」 ---- */
html body.skin-dark .lchain button[data-c="all"]::after{content:"▾";font-size:.9em;margin-left:2px;opacity:.9}
/* ---- 答え7：コイン一覧の保存・シェア（表の枠の右上）。見た目は泡の図の保存・シェアと同じ ---- */
html body.skin-dark .lhead{position:relative}
html body.skin-dark .lact{display:flex;gap:7px;margin-left:auto;position:relative;flex:none;align-items:center}
html body.skin-dark .lact .v4btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-weight:800;text-decoration:none;cursor:pointer;color:#fff;box-sizing:border-box;transition:transform .15s,filter .15s,box-shadow .15s}
html body.skin-dark .lact .v4btn .lbl{display:inline}
html body.skin-dark .lact .v4btn:not(.gold){background:linear-gradient(180deg,#0e1530,#090e22) padding-box,linear-gradient(100deg,#6c8cff,#8f7cff 55%,#b06cff) border-box;border:1px solid transparent;box-shadow:0 0 10px rgba(108,140,255,.30),0 0 22px rgba(130,108,255,.12),inset 0 0 12px rgba(108,140,255,.10)}
html body.skin-dark .lact .v4btn[aria-expanded="true"]{background:linear-gradient(180deg,#3d9bff 0%,#1d6cf0 55%,#1650d0 100%) padding-box,linear-gradient(180deg,#bfe9ff,#5cc8ff) border-box;box-shadow:0 0 14px rgba(40,150,255,.85),0 0 34px rgba(40,140,255,.40)}
html body.skin-dark .lact .v4btn.gold{position:relative;overflow:hidden;color:#2b1a00;border:0;font-weight:900;background:linear-gradient(180deg,#fff6c4 0%,#ffd75a 34%,#e7a91c 70%,#c17f06 100%);box-shadow:inset 0 0 0 1px rgba(120,72,0,.55),0 0 16px rgba(255,200,60,.45),0 5px 12px rgba(0,0,0,.22);animation:goldbreath 3.2s ease-in-out infinite;text-shadow:0 1px 0 rgba(255,255,255,.5)}
html body.skin-dark .lact .v4btn.gold::before{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.85) 50%,rgba(255,255,255,0));transform:skewX(-18deg);animation:goldsweep 2.8s ease-in-out infinite;pointer-events:none}
html body.skin-dark .lact .v4btn.gold:hover{transform:translateY(-2px);filter:brightness(1.08)}
html body.skin-dark .lact .v4btn.gold:active{transform:translateY(2px);filter:brightness(.95)}
html body.skin-dark .lact .saverow{position:absolute;right:0;left:auto;z-index:41}
html body.skin-dark.map-open .lact{display:none}
@media (max-width:640px){ html body.skin-dark .lact{flex:1 1 100%;margin:0} html body.skin-dark .lact .v4btn{flex:1 1 0} }
/* ---- 読み込み中・数字が来ない時：字は出さず、回る印だけ（クジラの絵 /img/whale_spin.png が届くまではネオンの輪） ---- */
@keyframes kspin{to{transform:rotate(360deg)}}
body.skin-dark .kspin{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;pointer-events:none;z-index:5}
body.skin-dark .kspin.inl{position:relative;display:inline-block;left:auto;top:auto;margin:14px 0;width:40px;height:40px}
body.skin-dark .kspin::before,body.skin-dark #mapPane.loading::after,body.skin-dark #race.loading::after{content:""!important;position:absolute;inset:0;border-radius:50%;border:3px solid rgba(108,140,255,.16);border-top-color:#00C6FF;border-right-color:#A64DFF;background:none;box-shadow:0 0 14px rgba(0,198,255,.55),inset 0 0 10px rgba(166,77,255,.35);animation:kspin 1s linear infinite;padding:0}
body.skin-dark #mapPane.loading::after,body.skin-dark #race.loading::after{inset:auto;left:50%;top:120px;width:56px;height:56px;margin-left:-28px;transform:none;z-index:3;pointer-events:none}
html.kt-whale body.skin-dark .kspin::before,html.kt-whale body.skin-dark #mapPane.loading::after,html.kt-whale body.skin-dark #race.loading::after{border:0;border-radius:0;box-shadow:none;background:url(/img/whale_spin.png) center/contain no-repeat;filter:drop-shadow(0 0 8px rgba(0,198,255,.85));animation-duration:1.6s}
html.kt-wait body.skin-dark #map .hleg{visibility:hidden}
@media (prefers-reduced-motion:reduce){ body.skin-dark .kspin::before,body.skin-dark #mapPane.loading::after,body.skin-dark #race.loading::after{animation-duration:2.4s} }
/* ---- スマホ：名前の札は中身の幅だけ（横いっぱいに伸ばさない） ---- */
html body.skin-dark #map>.bbtag{align-self:flex-start;width:max-content;max-width:100%}
/* ---- 照合54：スマホのコイン一覧は右端に「›」（横に続きがある印）。下の「横にスワイプで…」の案内は元からある ---- */
@media (max-width:1040px){
  html body.skin-dark .lleft{position:relative}
  html body.skin-dark .lleft::after{content:"›";position:absolute;right:0;top:0;height:46px;width:26px;display:flex;align-items:center;justify-content:center;font:900 22px/1 var(--f-body);color:#fff;text-shadow:0 0 8px rgba(0,198,255,.9);background:linear-gradient(90deg,rgba(13,18,40,0),rgba(13,18,40,.96) 55%);border-radius:0 14px 0 0;pointer-events:none;z-index:3;animation:lswipehint 1.6s ease-in-out infinite}
  html body.skin-dark.map-open .lleft::after{display:none}
}
@keyframes lswipehint{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
/* ---- 照合85・89・90：☰メニュー。上のロゴの行は出さない・×は細い線だけ・地は紫がかったガラス＋右の境が紫に光る・一番下に金ちゃんの絵（上を透明にぼかして背景に溶け込ませる） ---- */
html.kp-has-side body.skin-dark .kp-nav.side{background:linear-gradient(180deg,rgba(26,18,70,.94) 0%,rgba(16,12,54,.96) 45%,rgba(11,10,58,.98) 100%)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1.5px solid rgba(176,108,255,.9)!important;box-shadow:2px 0 14px rgba(166,77,255,.6),10px 0 36px rgba(120,80,255,.3),18px 0 54px rgba(0,0,0,.6)!important}
html.kp-has-side body.skin-dark .kp-nav.side .kp-mlogo{display:none!important}
html.kp-has-side body.skin-dark .kp-nav.side .kp-mhd{padding-top:18px!important}
html.kp-has-side body.skin-dark .kp-nav.side .kp-mx{background:none!important;border:0!important;box-shadow:none!important;border-radius:8px;width:34px;height:34px}
html.kp-has-side body.skin-dark .kp-nav.side .kp-mx svg{width:20px;height:20px}
html.kp-has-side body.skin-dark .kp-nav.side .kp-mx svg path{stroke-width:1.9}
html.kp-has-side body.skin-dark .kp-nav.side .kp-mx:hover,html.kp-has-side body.skin-dark .kp-nav.side .kp-mx:focus-visible{transform:translateY(-2px);filter:drop-shadow(0 0 6px rgba(190,150,255,1));box-shadow:none!important}
html.kp-has-side body.skin-dark .kp-nav.side .kp-mx:active{transform:translateY(1px);box-shadow:none!important}
html.kp-has-side body.skin-dark .kp-nav.side .kp-me{position:absolute!important;left:0;right:0;bottom:0;height:300px!important;max-height:46vh!important;overflow:hidden!important;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(0deg,#000 62%,rgba(0,0,0,.55) 82%,transparent 100%)!important;mask-image:linear-gradient(0deg,#000 62%,rgba(0,0,0,.55) 82%,transparent 100%)!important}
html.kp-has-side body.skin-dark .kp-nav.side .kp-me img{position:absolute;left:0;bottom:0;top:auto;width:100%!important;height:auto;transform:none!important;opacity:1!important;border-radius:0;-webkit-mask-image:none;mask-image:none;filter:none}
/* ---- 幅 900〜1099：右にバナーの列を置いた分、コイン一覧の表が細くなる → 列の余白を詰めて枠に収める（数字の字の大きさは 14px のまま） ---- */
@media (min-width:900px) and (max-width:1099px){
  html body.skin-dark .ltbl{min-width:0!important}
  html body.skin-dark .ltbl th,html body.skin-dark .ltbl td,html body.skin-dark .ltbl td.tag{padding-left:3px!important;padding-right:3px!important}
  html body.skin-dark .ltbl td.num,html body.skin-dark .ltbl td.tag{font-size:14px!important}
  html body.skin-dark .ltbl th button{padding-left:1px!important;padding-right:1px!important;font-size:12.5px!important}
  html body.skin-dark .ltbl .tbar{width:30px!important;margin-left:4px!important}
  html body.skin-dark .ltbl td.coin{gap:6px!important}
  html body.skin-dark .ltbl td.coin img{width:28px!important;height:28px!important}
  html body.skin-dark .ltbl .mapbtn{padding:3px 7px!important}
}
/* ---- 幅 641〜1040：表が枠より広い時は、スマホと同じ「›」と「横にスワイプで…」の案内を出す（表は横に送れる） ---- */
@media (min-width:641px) and (max-width:1040px){
  body.skin-dark .lswipe{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px 0 0;padding:0 8px;color:var(--c-w2);font-weight:700;line-height:1.5;text-align:left}
  body.skin-dark .lswipe::before,body.skin-dark .lswipe::after{content:"";flex:1 1 20px;max-width:44px;height:1.5px;background:linear-gradient(90deg,transparent,var(--c-n2));box-shadow:0 0 6px rgba(166,77,255,.8)}
  body.skin-dark .lswipe::after{background:linear-gradient(90deg,var(--c-n2),transparent)}
  body.skin-dark .lswipe svg{flex:none;color:#fff;filter:drop-shadow(0 0 4px rgba(0,198,255,.6))}
  body.skin-dark.map-open .lswipe{display:none}
  html body.skin-dark .lleft::after{height:56px}
}
/* 日本語以外：コイン一覧の保存・シェアが枠から出ないように（中身の幅で並べる） */
@media (min-width:641px){ html body.skin-dark .lact{width:max-content;max-width:100%;flex:0 0 auto} html body.skin-dark .lact .v4btn{flex:0 0 auto;width:max-content} }

/* ============ 2026-11-09 実装役A（r12a）2周目：評価役の指摘 ============ */
/* 9. 字の下限は 11px（高さは今のまま）※上の決まりの 10px を 11px に書き替えた */
/* 2. 幅 900〜1099 の細い列：札・バナー・見出し・TradingView の小窓を列の中に収める（見出しは折り返す） */
@media (min-width:900px) and (max-width:1099px){
  body.skin-dark .pcgrid>aside,body.skin-dark .pcgrid>aside>[data-promo-side]{min-width:0}
  body.skin-dark .pcgrid>aside .kp-s{grid-template-columns:minmax(0,1fr);padding:10px;min-width:0;max-width:100%;box-sizing:border-box}
  body.skin-dark .pcgrid>aside .kp-s>*{min-width:0;max-width:100%}
  body.skin-dark .pcgrid>aside .kp-s .ttl,body.skin-dark .pcgrid>aside .kp-pr .ttl{white-space:normal!important;font-size:13px!important;letter-spacing:.02em!important;line-height:1.4}
  body.skin-dark .pcgrid>aside .kp-s img,body.skin-dark .pcgrid>aside .kp-bn img{max-width:100%;height:auto}
  body.skin-dark .pcgrid>aside .kp-tv,body.skin-dark .pcgrid>aside .kp-tv>div,body.skin-dark .pcgrid>aside .kp-tv .tradingview-widget-container,body.skin-dark .pcgrid>aside .kp-tv iframe{max-width:100%!important;width:100%!important;min-width:0!important;box-sizing:border-box}
}
/* 15. クジラマップを閉じた直後、カーソルが右のバナーの上に来て絵が 1.05 倍になり、札からはみ出して大きく見えた → 絵は自分の枠の中で大きくなる（枠の外へ出ない） */
body.skin-dark .pcgrid>aside a.kp-hv-block{overflow:hidden}
/* 7. シェアの後の案内：押したボタンのすぐ下・読める大きさ */
body.skin-dark .toast.near{position:fixed;left:auto;bottom:auto;transform:none;z-index:95;max-width:min(340px,calc(100vw - 16px));white-space:normal;text-align:left;font:800 13px/1.6 var(--f-body);color:#fff;padding:10px 14px;border-radius:12px;border:1.5px solid transparent;background:linear-gradient(180deg,#121a3a,#0b1130) padding-box,linear-gradient(100deg,#00C6FF,#A64DFF) border-box;box-shadow:0 0 14px rgba(0,198,255,.45),0 10px 30px rgba(0,0,0,.6);pointer-events:none}
/* 小さいマーク（泡の中）の下の間 */
/* ============ 2026-11-09 実装役A（r12a）3周目：スマホでクジラマップを開いている時だけ、コイン一覧の枠の左右の余白と小窓の枠を詰めて、小窓を広く（ほかの幅・閉じている時は変えない） ============ */
@media (max-width:640px){
  html body.skin-dark.map-open .pcgrid main.wrap{padding-left:4px!important;padding-right:4px!important}
  html body.skin-dark.map-open #list.lsec{margin-left:0!important;margin-right:0!important;padding-left:3px!important;padding-right:3px!important}
  html body.skin-dark.map-open #lsplit,html body.skin-dark.map-open #mapPane{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
  html body.skin-dark.map-open #fMap{border-left-width:0!important;border-right-width:0!important;border-radius:12px}
}

/* 2026-11-09 夕 金ちゃん：スマホでも名前の札は泡の図の中の左上（外に出さない） */
@media (max-width:640px){
  html body.skin-dark #board>.bbtag{position:absolute!important;top:8px!important;left:8px!important;margin:0!important;z-index:6}
  html body.skin-dark #map>.act{margin:8px 0 8px!important}
  html body.skin-dark .hero #board{overflow:hidden}
}