/* ========================================
サバゲ用背景全画面レイヤー（ウィンドウ全体にフィット）
========================================= */
#Go背景レイヤー {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 1000; /* 各種設定(通常1000未満)より上、セリフレイヤーより下 */
background-size: cover;
background-position: center;
display: none;
pointer-events: none; /* クリック操作は下の要素またはセリフレイヤーへ通す */
}
/* ========================================
セリフレイヤー（常に16:9を維持するコンテナ）
トップレベルで常に画面中央にレターボックス配置
========================================= */
#Goセリフレイヤー {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100vw;
height: 56.25vw; /* 16:9 ratio */
max-height: 100vh;
max-width: 177.78vh; /* 16:9 ratio */
container-type: size; /* コンテナクエリを有効化 */
z-index: 2000; /* 背景より上に配置 */
font-family: 'NotoSerifJP', serif;
display: none;
pointer-events: auto;
cursor: pointer;
overflow: hidden;
}
/* ========================================
フキダシ本体（通常キャラ発言用）
========================================= */
.Go吹出 {
position: absolute;
margin-left: -1.6cqw;
width: 100cqw;
height: 60cqh;
background-size: 100% 100%;
background-repeat: no-repeat;
z-index: 2010;
pointer-events: none;
padding: 0;
overflow: visible;
display: none;
}
.Go吹出.反転 {
transform: scaleX(-1);
}
.Go吹出.反転 .吹出中身 {
transform: scaleX(-1);
}
/* 上下位置 */
.窓_上 {
top: 0;
}
.窓_下 {
bottom: 0;
}
/* ========================================
フキダシの左右配置（通常発言用）
========================================= */
.Go吹出.配置_左 {
left: 2cqw;
right: auto;
}
.Go吹出.配置_右 {
right: 2cqw;
left: auto;
}
/* ========================================
システム発言用スタイル
========================================= */
.Go吹出.システム発言 {
width: 80cqw;
height: 28cqh;
margin: 1cqw;
left: 10cqw;
right: auto;
font-size: 2cqw;
background-color: rgba(63, 63, 63, 0.65);
background-size: 100% 100%;
background-repeat: no-repeat;
border: 1px solid rgba(180, 180, 200, 0.4);
border-radius: 8px;
}
.Go吹出.システム発言 .吹出中身 {
padding: 3cqh 3cqw;
justify-content: center;
text-align: center;
}
.Go吹出.システム発言 .吹出名前 {
display: none;
}
/* ========================================
吹き出しの中身（テキスト領域）
========================================= */
.吹出中身 {
display: flex;
flex-direction: column;
justify-content: center;
box-sizing: border-box;
width: 100%;
height: 100%;
color: #fff;
text-shadow: 2px 2px 4px #000;
padding: 3cqh 5cqw 0 5cqw;
}
/* キャラが左→テキストは右に寄せる */
.Go吹出.配置_左 .吹出中身 {
padding-left: 27cqw;
}
/* キャラが右→テキストは左に寄せる */
.Go吹出.配置_右 .吹出中身 {
padding-right: 28cqw;
padding-left: 11.7cqw;
padding-top: 13.9cqh;
}
/* ========================================
名前ラベル
========================================= */
.吹出名前 {
position: absolute;
font-family: 'MS Gothic', 'ＭＳ ゴシック', monospace;
font-size: 1.7cqw;
font-weight: bold;
color: #ffffff;
-webkit-text-stroke: 2px #000000;
paint-order: stroke fill;
text-shadow: none;
z-index: 2020;
background: none;
padding: 0;
white-space: nowrap;
}
/* 上フキダシの名前: フキダシ下外縁、中央寄り */
.窓_上 .吹出名前 {
bottom: 10.2cqh;
top: auto;
left: 29cqw;
right: auto;
}
/* 下フキダシの名前: フキダシ上外縁 */
.窓_下 .吹出名前 {
top: 23.1cqh;
bottom: auto;
right: 28cqw;
left: auto;
}
/* ========================================
セリフ本文
========================================= */
.吹出本文 {
font-size: 2.6cqw;
line-height: 1.5;
white-space: pre-wrap;
}
/* v0.6.30: 上吹出のセリフ本文を 25px 右にシフト (ユーザー指示「上のキャラセリフがキャラに被るので25px右にずらす」)
   セリフ画像 (.Go吹出 の background) のサイズは変えず、 .吹出本文 にだけ padding-left:25px を入れて
   テキスト開始位置を25px右へ。 同時に margin-right:-25px で右側余白を25px減らして はみ出しを回避。
   下吹出 (.窓_下) は対象外 (キャラが下中央~右に配置されるためテキスト被りなし)。 */
.Go吹出.窓_上 .吹出本文 {
padding-left: 25px;
margin-right: -25px;
}
/* ========================================
肖像画(キャラ画像)
========================================= */
.Go肖像 {
position: absolute;
z-index: 2015;
height: 55cqh;
max-width: 28cqw;
object-fit: contain;
object-position: bottom;
pointer-events: none;
}
.Go肖像.左 {
left: 2cqw;
right: auto;
}
.Go肖像.右 {
right: 2cqw;
left: auto;
}
.Go肖像.垂直_上 {
top: 0;
bottom: auto;
}
.Go肖像.垂直_下 {
bottom: 0;
top: auto;
}
.Go肖像.隠す {
display: none;
}
#Go操作ガイド {
display: none;
}