:root { color-scheme: light; font-family: Arial, sans-serif; color: #214c68; }
* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; }
body { background: linear-gradient(#4b96b4, #b8e3f1); }
#unity-canvas { display: block; width: 100%; height: 100%; width: 100dvw; height: 100dvh; background: transparent; outline: none; }
#launch-loading { position: fixed; inset: 0; z-index: 2; background: linear-gradient(#4b96b4, #b8e3f1); }
#launch-content { position: absolute; inset: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px); }
.game-logo { position: absolute; left: 50%; top: 35%; transform: translate(-50%, -50%); width: min(59.26vh, 80vw); height: 35.185vh; object-fit: contain; }
.loading-bar { position: absolute; left: 50%; top: 60%; transform: translate(-50%, -50%); width: min(48.148vh, 74vw); height: 4.815vh; min-height: 14px; border: max(1px, .185vh) solid #214c68; border-radius: 999px; padding: max(2px, .46vh); background: #fff; overflow: hidden; }
.bar-fill { width: 0; height: 100%; border-radius: 999px; background: #ffd84c url("bar-fill.png") center / 100% 100%; }
#launch-status { position: absolute; margin: 0; top: 67.5%; left: 50%; transform: translate(-50%, -50%); width: 86%; text-align: center; font-size: clamp(16px, 2.407vh, 28px); line-height: 1.25; overflow-wrap: anywhere; }
.studio-logo { position: absolute; left: 50%; top: 84%; transform: translate(-50%, -50%); width: 38.889vh; height: 22.222vh; object-fit: contain; }
#launch-portrait { display: none; }
#launch-loading.failed .loading-bar { visibility: hidden; }
#launch-loading.failed #launch-status { font-weight: bold; }
@font-face { font-family: "Lilita One"; src: url("LilitaOne-Regular.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "Liberation Sans"; src: url("LiberationSans.ttf") format("truetype"); font-display: swap; }
#fullscreen-prompt { position: fixed; inset: 0; z-index: 3; display: grid; place-items: center; padding: max(20px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left)); background: rgba(5, 18, 35, .78); color: #fff; font-family: "Liberation Sans", Arial, sans-serif; text-align: center; touch-action: manipulation; }
#fullscreen-prompt[hidden] { display: none; }
#fullscreen-content { max-width: 620px; }
.fullscreen-icon { width: 44px; height: 44px; color: #b5efff; margin-bottom: 12px; }
#fullscreen-title { font: 400 clamp(28px, 4vw, 48px)/1.1 "Lilita One", sans-serif; color: #ffd84c; margin: 0; }
#fullscreen-status { font-size: 16px; line-height: 1.4; color: #d3edf7; margin: 12px 0 22px; }
#fullscreen-prompt button { display: block; min-height: 48px; margin: 0 auto; cursor: pointer; touch-action: manipulation; }
#fullscreen-enter { padding: 12px 28px; border: 2px solid #5edbff; border-radius: 12px; background: linear-gradient(#27b9e6, #168fcd); box-shadow: 0 4px 0 #08608f; color: white; font: 400 21px "Lilita One", sans-serif; }
#fullscreen-enter:active { transform: translateY(2px); box-shadow: 0 2px 0 #08608f; }
#fullscreen-enter:disabled { cursor: wait; opacity: .65; }
#fullscreen-skip { margin-top: 12px !important; padding: 10px 18px; border: 0; background: transparent; color: #d3edf7; font: 16px "Liberation Sans", sans-serif; text-decoration: underline; text-underline-offset: 4px; }
#fullscreen-prompt button:focus-visible { outline: 3px solid #ffd84c; outline-offset: 5px; }
#fullscreen-portrait { display: none; }
@media (orientation: portrait) {
  #fullscreen-prompt { background: #0b192b; }
  #fullscreen-content { display: none; }
  #fullscreen-portrait { display: block; font: 400 clamp(24px, 6vw, 40px)/1.4 "Lilita One", sans-serif; color: #b5efff; }
  #launch-content { visibility: hidden; }
  #launch-portrait { position: absolute; inset: 0; display: grid; align-content: center; text-align: center; padding: max(24px, env(safe-area-inset-left)); font-size: clamp(22px, 6vw, 40px); font-weight: bold; line-height: 1.5; }
}