/* * Copyright 2026 Hancom Inc. All rights reserved. * * https://www.hancom.com/ */ /** * project-style.css - 산성비(AcidRain) 프로젝트별 CSS * * - submodule의 style.css에 포함되지 않는 프로젝트 고유 스타일 * - WebGLPostBuild가 빌드 루트에 복사하고, index.html 에 주입 */ /* ======================================== Unity 컨테이너 — 반응형 풀화면 오버라이드 submodule style.css는 16:9 고정이므로 산성비는 브라우저 전체를 채우도록 덮어씀 ======================================== */ #unity-container { width: 100%; height: 100%; aspect-ratio: auto; max-height: none; } /* ======================================== ads-area (보상형 광고 컨테이너) ======================================== */ #ads-area { display: none; } /* ======================================== ads modal (하트 충전 광고 모달) ======================================== */ .modal { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .modal[data-type] { display: block; } .modalDialog { width:90%; max-width:700px; min-height:279px; margin: auto; padding: 20px; background-color: white; text-align: center; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size:30px; border: #1d1d1d 4px solid; display:flex; align-items:center; justify-content:center; box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.1); box-sizing:border-box; } .modalPlace{ width:100%; text-align:center; } #modalMessage{ margin-bottom:70px; } .grantButtons, .rewardButtons, .exitButtons { display: none; } .modal[data-type="grant"] .grantButtons, .modal[data-type="reward"] .rewardButtons, .modal[data-type="exit"] .exitButtons { display: block; } .modal input[type="button"] { padding:15px 20px; background: #01ABAA; border: none; margin: 4px; color: white; line-height:1; font-size:30px; cursor: pointer; min-width:300px; min-height: 80px; box-sizing:border-box; width:100%; } .modal .rewardButtons input[type="button"]{ width:auto; } .modal input[type="button"].black { background:#1d1d1d; color:#fff } @media screen and (max-width:440px){ .modalDialog{font-size:5.3vw} .modal input[type="button"]{font-size:5vw} }