/* 스크립트가 뜨기 전 첫 화면. index.html 이 <link> 로 바로 부른다 (인라인 <style> 은 CSP 에 'unsafe-inline' 을 요구해서 뺐다).
   public 에 두어 번들 CSS(수백 KB)에 섞이지 않고 이 작은 파일만 먼저 받는다.
   바탕은 짙은 숲색 — 그림이 못 덮은 가장자리(홈 바 뒤)가 흰 띠로 보이지 않게 */
html, body { margin: 0; height: var(--full-h, 100%); background: #0f2a1d; overflow: hidden; overscroll-behavior: none; }
#boot { position: fixed; top: 0; left: 0; right: 0; height: var(--full-h, 100%); background: linear-gradient(#3b7fc4, #a9d0ec 62%, #cfe3b8 63%, #6f9e4c); display: grid; place-items: center; font: 900 54px/1 system-ui, sans-serif; color: #fff; text-shadow: 0 4px 0 #1f4a2e; letter-spacing: 1px; transition: opacity 0.6s; }
/* 꾹 누르기(롱프레스)로 글자 선택·"복사하기" 메뉴·돋보기·이미지 저장 메뉴가 뜨지 않게 — 게임 화면 전체 */
html, body, body * { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; }
img, svg, canvas { -webkit-user-drag: none; }
/* 그래픽(WebGL)을 잃었거나 못 켤 때의 안내 (src/main.ts glNotice). UI 스타일이 아직 없을 수도 있어 여기 둔다 */
#gl-lost { position: fixed; inset: 0; z-index: 1000; display: grid; place-content: center; gap: 16px; padding: 24px; background: rgba(8, 24, 16, 0.88); color: #fff; font: 500 17px/1.5 system-ui, sans-serif; text-align: center; }
#gl-lost p { margin: 0; max-width: 28em; }
#gl-lost button { justify-self: center; padding: 10px 22px; border: 0; border-radius: 999px; background: #fff; color: #0f2a1d; font: 700 16px system-ui, sans-serif; cursor: pointer; }