/* 10秒脳バグ — 紹介・拡散の部品（LP・ゲーム画面の共通）2026-10-22 */
.nbs{margin:16px 0;padding:16px;border-radius:20px;background:rgba(255,255,255,.05);border:1.5px solid rgba(34,228,255,.35)}
.nbs[hidden]{display:none!important}
.nbs-flat{background:none;border:0;padding:0;margin:12px 0 0}
.nbs-inline{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}
.nbs-left{justify-content:flex-start}
.nbs-t,.nbs-h{margin:0 0 6px;font-weight:900;font-size:18px;line-height:1.4;color:#f5f5ff}
.nbs-h{font-size:clamp(22px,5.6vw,30px)}
.nbs-s{margin:0 0 10px;font-size:13px;line-height:1.6;color:#b9bce0}
.nbs-inline .nbs-s{margin:0;flex-basis:100%;text-align:center}
.nbs-trapline{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin:0 0 10px;font-size:14px;color:#e3e3fb}
.nbs-trapline b{color:#ffd84a}
.nbs-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.nbs-b{display:flex;align-items:center;justify-content:center;min-height:48px;padding:6px 8px;border-radius:14px;border:1.5px solid rgba(255,255,255,.28);background:rgba(255,255,255,.07);color:#f5f5ff;font-family:inherit;font-weight:800;font-size:15px;line-height:1.25;text-align:center;text-decoration:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.nbs-main{grid-column:1/-1;min-height:56px;border:0;background:linear-gradient(135deg,#22e4ff,#8a6bff);color:#0b0a1a;font-size:18px;font-weight:900;box-shadow:0 8px 24px rgba(34,228,255,.25)}
.nbs-mini{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 16px;border-radius:999px;border:1.5px solid rgba(34,228,255,.6);background:rgba(34,228,255,.1);color:#c9f7ff;font-family:inherit;font-weight:800;font-size:15px;line-height:1.2;text-decoration:none;cursor:pointer;touch-action:manipulation}
.nbs-link{background:none;border:0;padding:0 4px;min-height:44px;color:inherit;font-family:inherit;font-size:inherit;font-weight:700;text-decoration:underline;cursor:pointer;touch-action:manipulation}
.nbs-trapline .nbs-link{color:#9fe9ff;font-size:13px}
.nbs-toast{margin:6px 0 0;font-size:13px;color:#3ddc8c;flex-basis:100%;text-align:center}
.nbs-toast:empty{display:none}
.nbs-b:active,.nbs-mini:active{transform:translateY(1px)}
.nbs-b:focus-visible,.nbs-mini:focus-visible,.nbs-link:focus-visible{outline:3px solid #22e4ff;outline-offset:3px}
@media (max-width:360px){.nbs-b{font-size:14px;padding:6px 4px}.nbs{padding:14px 12px}}
.nbs-foot{display:inline;margin:0;padding:0;border:0;background:none}
.nbs-foot .nbs-toast{display:block}
.nbs-foot .nbs-toast:empty{display:none}
@media (max-width:480px){.nbs-row .nbs-w{display:none}}
.nbs-row{container-type:inline-size}
@media (max-width:360px){.nbs-row .nbs-w2{display:none}}
@container (max-width:400px){.nbs-w{display:none}}
@container (max-width:330px){.nbs-w2{display:none}}

/* 2026-10-22 growth: pre-play share boxes lower visual weight (the play CTA stays primary) */
.nbs-quiet{background:none;border:1px solid rgba(255,255,255,.14);padding:12px;margin:8px 0}
.nbs-quiet .nbs-main{background:rgba(255,255,255,.08);color:#f5f5ff;box-shadow:none;border:1.5px solid rgba(255,255,255,.28);min-height:48px;font-size:16px}
.nbs-quiet .nbs-t{font-size:15px;font-weight:800}
.nbs-flat .nbs-mini{border-color:rgba(255,255,255,.22);background:none;color:#b9bce0;font-weight:700;font-size:14px}