/* HANABI Senko */

/* サイト全体モードのとき、テーマの body.bg を強制的に夜空にする。
   テーマ側の背景画像・背景色より優先させるため !important を付けている。
   キャンバスは z-index:-1 でこの背景のすぐ上に重なる。 */
body.bg.hanabi-senko-night {
	background: #05070f linear-gradient(180deg, #03040a 0%, #0a1024 55%, #141a33 100%) fixed !important;
}

/* 画面全体に固定する背景モード。
   全面を覆うので pointer-events は常に none。クリックでの打ち上げは
   JS 側が document のクリックを拾うため、リンクやボタンを塞がない。 */
.hanabi-senko--background {
	position: fixed;
	inset: 0;
	top: 0;
	left: 0;
	display: block;
	width: 100vw;
	height: 100vh;
	pointer-events: none;
}

/* ショートコードで本文中に置くインラインモード */
.hanabi-senko-wrap {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
}

.hanabi-senko-wrap > .hanabi-senko-canvas {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.hanabi-senko-wrap.hanabi-senko--clickable > .hanabi-senko-canvas {
	cursor: crosshair;
}

/* 本文中モードで中にテキストなどを重ねたいとき用 */
.hanabi-senko-content {
	position: relative;
	z-index: 1;
}