:root { color-scheme: dark; }
* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; background: radial-gradient(circle at top, #2f1f40, #09070d 68%); }
body { font-family: "Yu Mincho", "Hiragino Mincho ProN", serif; }
#unity-container { position: absolute; }
#unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%); }
#unity-container.unity-mobile { position: fixed; inset: 0; display: grid; place-items: center; width: 100%; height: 100%; }
#unity-canvas { display: block; background: #1F1F20; box-shadow: 0 0 55px rgba(0,0,0,.78); }
.unity-mobile #unity-canvas { width: min(100vw, calc(100vh * .5625)); height: min(100vh, calc(100vw * 1.7777778)); }
#unity-loading-bar { position: absolute; left: 50%; top: 50%; width: 220px; transform: translate(-50%, -50%); display: none; color: #f8edcf; text-align: center; }
#unity-loading-title { margin-bottom: 13px; font-size: 24px; text-shadow: 0 2px #351c48; }
#unity-progress-bar-empty { height: 14px; overflow: hidden; border: 1px solid #d9b95e; border-radius: 999px; background: #120d18; }
#unity-progress-bar-full { width: 0; height: 100%; background: linear-gradient(90deg, #6e3c91, #e2bd61); transition: width .12s linear; }
#unity-footer { position: relative; height: 38px; color: #c8b894; font: 14px/38px system-ui, sans-serif; }
.unity-mobile #unity-footer { display: none; }
#unity-build-title { float: left; }
#unity-fullscreen-button { float: right; margin-top: 5px; border: 1px solid #9c8147; border-radius: 5px; padding: 4px 9px; background: #2f2040; color: #fff3cf; cursor: pointer; }
#unity-warning { position: fixed; z-index: 10; left: 50%; top: max(8px, env(safe-area-inset-top)); width: min(92vw, 680px); transform: translateX(-50%); display: none; }
#unity-warning > div { margin-bottom: 5px; border-radius: 6px; padding: 9px 12px; background: #e4c25d; color: #1b1420; font: 14px/1.45 system-ui, sans-serif; }
#unity-warning > div[data-type="error"] { background: #9f3333; color: white; }