/* _content/ScriptPlatform.Web/Pages/Distributions/Open.cshtml.rz.scp.css */
/* 8단계 뷰어의 화면. 완료 기준이 "휴대폰에서 열린다"이므로 좁은 화면이 기준이고,
   넓은 화면은 가운데로 모으는 정도만 한다.

   이 파일은 CSS 격리(CSS isolation)다 — Open.cshtml 에 쓴 태그에만 붙는다.
   빌드가 각 태그에 b-xxxxx 표시를 달고, 선택자 끝에 그 표시를 붙여 준다.
   WinForms 로 치면 폼 하나에만 적용되는 스타일시트다. site.css 에 넣으면
   다른 화면의 img 까지 같이 바뀐다. */

.script-pages[b-6itrmkioc9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.script-page[b-6itrmkioc9] {
    margin: 0;
    width: 100%;
    max-width: 900px;
}

/* 태그에는 구울 때 재어 둔 실제 픽셀 크기가 적혀 있다. 화면에서는 폭에 맞춰
   줄이는데, 이때 height: auto 가 없으면 세로가 원래 픽셀로 남아 찌그러진다. */
.script-page img[b-6itrmkioc9] {
    display: block;
    width: 100%;
    height: auto;
    background-color: #fff;
    border: 1px solid var(--bs-border-color);
}

/* 길게 눌렀을 때 뜨는 "이미지 저장" 메뉴와 드래그 저장을 막는다.
   보호가 아니라 마찰이다 — 화면 캡처는 어차피 막지 못한다. 막지 못하기 때문에
   이름과 시각을 그림에 굽는 것이다. */
.script-page img[b-6itrmkioc9] {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

.script-page figcaption[b-6itrmkioc9] {
    padding: 0.25rem 0 0.5rem;
    text-align: center;
    font-size: 0.8rem;
    color: var(--bs-secondary-color);
}
/* _content/ScriptPlatform.Web/Pages/Distributions/Scene.cshtml.rz.scp.css */
/* 씬 화면. 본문은 글자다(decisions/0011). */

.script-body[b-2ov51tlcqe] {
    max-width: 44rem;
    margin: 0 auto;
    padding: 1rem;
    background-color: #fff;
    border: 1px solid var(--bs-border-color);
    line-height: 1.7;
}

.script-block + .script-block[b-2ov51tlcqe] {
    margin-top: 0.5rem;
}

/* 대사는 표기 A(decisions/0010) 처럼 이름 옆에 대사를 둔다. 휴대폰 폭에서도 이름 칸은 줄지 않는다. */
.script-dialogue[b-2ov51tlcqe] {
    display: grid;
    grid-template-columns: 5rem 1fr;
    column-gap: 0.75rem;
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
}

.script-who[b-2ov51tlcqe] {
    font-weight: 600;
    overflow-wrap: anywhere;
}

.script-paren[b-2ov51tlcqe] {
    color: var(--bs-secondary-color);
}

.script-action[b-2ov51tlcqe] {
    padding: 0 0.375rem;
}

/* 내 인물의 대사. 찾기와 상관없이 늘 붙는다 — 주황 왼쪽 선. (decisions/0012 2장) */
.script-dialogue[data-mine][b-2ov51tlcqe] {
    box-shadow: inset 0.25rem 0 0 #f08c00;
}

/* 찾는 인물의 대사 — 노란 바탕. 내 대사와 겹치면 선과 바탕이 함께 보인다. */
.script-dialogue[data-found][b-2ov51tlcqe] {
    background-color: #fff3bf;
}

/* 복사·길게 눌러 선택을 막는다. 보호가 아니라 마찰이다(decisions/0011 가정 3). */
.script-body[b-2ov51tlcqe] {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

/* 받는 사람 표기 층. 화면에 붙어 있고(fixed), 누르기·선택은 아래 본문으로 지나간다.
   글자를 기울여 여러 줄로 깔아 한 귀퉁이만 잘라서는 지워지지 않게 한다. */
.scene-stamp[b-2ov51tlcqe] {
    position: fixed;
    inset: -50%;
    z-index: 1080;
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: space-around;
    gap: 3rem 4rem;
    transform: rotate(-24deg);
    pointer-events: none;
    user-select: none;
    overflow: hidden;
    color: rgba(0, 0, 0, 0.09);
    font-size: 0.95rem;
    font-weight: 600;
    white-space: nowrap;
}

/* 위아래 이름 띠. 화면 끝에 붙어 있고, 누르기는 아래로 지나간다. */
.scene-band[b-2ov51tlcqe] {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1080;
    padding: 0.125rem 0.5rem;
    overflow: hidden;
    pointer-events: none;
    user-select: none;
    color: rgba(0, 0, 0, 0.5);
    font-size: 0.7rem;
    line-height: 1.4;
    text-align: center;
    white-space: nowrap;
}

.scene-band-top[b-2ov51tlcqe] {
    top: 0;
}

.scene-band-bottom[b-2ov51tlcqe] {
    bottom: 0;
}

/* 받는 사람 표식. 무늬가 1 인 글자를 조금 올려 찍는다(decisions/0012 3장). 폭을 바꾸면 옛 사진 대조가 흔들린다. */
.scene-stamp .mk[b-2ov51tlcqe],
.scene-band .mk[b-2ov51tlcqe] {
    position: relative;
    top: -0.18em;
}

@media print {
    /* 화면 인쇄로 뽑아도 표기는 남긴다. 제대로 된 인쇄는 워터마크 PDF 로 한다(0008). */
    .scene-stamp[b-2ov51tlcqe],
    .scene-band[b-2ov51tlcqe] {
        position: absolute;
    }
}
/* _content/ScriptPlatform.Web/Pages/Revisions/Read.cshtml.rz.scp.css */
/* 수정고 뷰어의 쪽 그림. 배포 뷰어(Distributions/Open.cshtml.css)와 같은 모양이다.
   CSS 격리는 파일마다라 나눠 쓸 수 없어 옮겨 적었다. */

.script-pages[b-hyc8g7gy62] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.script-page[b-hyc8g7gy62] {
    margin: 0;
    width: 100%;
    max-width: 900px;
}

/* 태그에는 구울 때 재어 둔 실제 픽셀 크기가 적혀 있다. 화면에서는 폭에 맞춰
   줄이는데, 이때 height: auto 가 없으면 세로가 원래 픽셀로 남아 찌그러진다. */
.script-page img[b-hyc8g7gy62] {
    display: block;
    width: 100%;
    height: auto;
    background-color: #fff;
    border: 1px solid var(--bs-border-color);
}

/* 길게 눌렀을 때 뜨는 "이미지 저장" 메뉴와 드래그 저장을 막는다.
   보호가 아니라 마찰이다 — 화면 캡처는 어차피 막지 못한다. 막지 못하기 때문에
   이름과 시각을 그림에 굽는 것이다. */
.script-page img[b-hyc8g7gy62] {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

.script-page figcaption[b-hyc8g7gy62] {
    padding: 0.25rem 0 0.5rem;
    text-align: center;
    font-size: 0.8rem;
    color: var(--bs-secondary-color);
}
/* _content/ScriptPlatform.Web/Pages/Revisions/ReadScene.cshtml.rz.scp.css */
/* 수정고 뷰어의 씬 화면. 본문 모양은 배포 뷰어(Distributions/Scene.cshtml.css)와 같고, 받는 사람 표기 층은 없다(decisions/0016). */

.script-body[b-f4coja6kar] {
    max-width: 44rem;
    margin: 0 auto;
    padding: 1rem;
    background-color: #fff;
    border: 1px solid var(--bs-border-color);
    line-height: 1.7;
}

.script-block + .script-block[b-f4coja6kar] {
    margin-top: 0.5rem;
}

/* 대사는 표기 A(decisions/0010) 처럼 이름 옆에 대사를 둔다. 휴대폰 폭에서도 이름 칸은 줄지 않는다. */
.script-dialogue[b-f4coja6kar] {
    display: grid;
    grid-template-columns: 5rem 1fr;
    column-gap: 0.75rem;
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
}

.script-who[b-f4coja6kar] {
    font-weight: 600;
    overflow-wrap: anywhere;
}

.script-paren[b-f4coja6kar] {
    color: var(--bs-secondary-color);
}

.script-action[b-f4coja6kar] {
    padding: 0 0.375rem;
}

/* 내 인물의 대사. 찾기와 상관없이 늘 붙는다 — 주황 왼쪽 선. (decisions/0012 2장) */
.script-dialogue[data-mine][b-f4coja6kar] {
    box-shadow: inset 0.25rem 0 0 #f08c00;
}

/* 찾는 인물의 대사 — 노란 바탕. 내 대사와 겹치면 선과 바탕이 함께 보인다. */
.script-dialogue[data-found][b-f4coja6kar] {
    background-color: #fff3bf;
}

/* 복사·길게 눌러 선택을 막는다. 보호가 아니라 마찰이다(decisions/0011 가정 3). */
.script-body[b-f4coja6kar] {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}
/* _content/ScriptPlatform.Web/Pages/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-pk8hdbpdc4] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-pk8hdbpdc4] {
  color: #0077cc;
}

.btn-primary[b-pk8hdbpdc4] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active[b-pk8hdbpdc4], .nav-pills .show > .nav-link[b-pk8hdbpdc4] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top[b-pk8hdbpdc4] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-pk8hdbpdc4] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-pk8hdbpdc4] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-pk8hdbpdc4] {
  font-size: 1rem;
  line-height: inherit;
}

.footer[b-pk8hdbpdc4] {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}