/* ---- 켜는 화면 (2026-11-03 : 초록 로고 글 → 시작 화면 동영상 img/splash.mp4, js/app/boot.js) ----
   학생이 3호관 복도를 걸어 13324 강의실 문 앞에 도착하는 장면(사용자가 고른 견본을 찍은 것) 위에 제목을 글자로 얹는다.
   앱의 밝은 · 어두운 모드와 상관없이 늘 밝은 화면(사용자). 동영상을 못 트는 폰은 끝 장면 그림 + 제목(.spFlat). */
.fx-overlay{position:absolute;inset:0;z-index:600;}
.fx-boot{z-index:950;cursor:pointer;overflow:hidden;color:#16214d;
  background:#e6ebfb url(../img/splash_first.jpg) 50% 40%/cover no-repeat;
  font-family:Pretendard,"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo",sans-serif;word-break:keep-all;}
.fx-boot .spVid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;display:block;background:transparent;}
.fx-boot .spScrim{position:absolute;left:0;right:0;bottom:0;height:38%;pointer-events:none;opacity:0;
  background:linear-gradient(to bottom, rgba(232,237,253,0), rgba(232,237,253,.78) 55%, rgba(232,237,253,.9));}
.fx-boot .spTtl{position:absolute;left:0;right:0;bottom:calc(58px + env(safe-area-inset-bottom));text-align:center;opacity:0;transform:translateY(14px);pointer-events:none;}
/* 앱 이름이 가장 크게(사용자 11/03) — 「3호관」만 파랑 */
.fx-boot .spTtl h1{margin:0;font-size:clamp(32px, 10vw, 40px);line-height:1.12;font-weight:900;letter-spacing:-.045em;white-space:nowrap;color:#14204a;text-shadow:0 2px 16px rgba(255,255,255,.95);}
.fx-boot .spTtl h1 b{color:#2f63ff;font-weight:900;}
.fx-boot .spTtl h1.en{white-space:normal;font-size:clamp(25px, 7.6vw, 31px);padding:0 18px;}
.fx-boot .spTtl .k{margin-top:12px;display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:800;color:#2f63ff;letter-spacing:-.01em;
  padding:5px 12px 5px 10px;border-radius:20px;background:rgba(255,255,255,.7);border:1px solid rgba(47,99,255,.22);}
.fx-boot .spTtl .k i{width:7px;height:7px;border-radius:50%;background:#2f63ff;box-shadow:0 0 10px #2f63ff;}
.fx-boot .spTtl p{margin:8px 0 0;font-size:13.5px;color:#53628f;letter-spacing:-.01em;}
.fx-boot .spSkip{position:absolute;left:0;right:0;bottom:calc(20px + env(safe-area-inset-bottom));text-align:center;font-size:12px;color:#53628f;opacity:.8;pointer-events:none;}
/* 동영상을 못 트는 폰 — 끝 장면 그림(학생이 문 앞에 선) + 제목 */
.fx-boot.spFlat{background-image:url(../img/splash_end.jpg);}
.fx-boot.spFlat .spVid{display:none;}

/* 2026-10-20 : index.html 맨 앞에 미리 그려 둔 켜는 화면 바탕(#fxPre) — boot.js 가 이어받는다.
   새 판으로 조용히 바꿔 단 직후(b3nav_quiet)에는 켜는 화면을 건너뛰므로 pwa.js 가 html.bootQuiet 를 붙여 감춘다. */
html.bootQuiet .fx-pre{display:none;}