body { padding: 0; margin: 0 }
#unity-container { position: absolute }
#unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%) }
#unity-container.unity-mobile { position: fixed; width: 100%; height: 100% }
#unity-canvas { background: #1F1F20 }
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }
#unity-logo { width: 154px; height: 130px; background: url('unity-logo-dark.png') no-repeat center }
#unity-progress-bar-empty { width: 141px; height: 18px; margin-top: 10px; margin-left: 6.5px; background: url('progress-bar-empty-dark.png') no-repeat center }
#unity-progress-bar-full { width: 0%; height: 18px; margin-top: 10px; background: url('progress-bar-full-dark.png') no-repeat center }
#unity-footer { position: relative }
.unity-mobile #unity-footer { display: none }
#unity-logo-title-footer { float:left; width: 102px; height: 38px; background: url('unity-logo-title-footer.png') no-repeat center }
#unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px }
#unity-fullscreen-button { cursor:pointer; float: right; width: 38px; height: 38px; background: url('fullscreen-button.png') no-repeat center }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }

/* Car Launch 3D portrait shell */
html, body { width:100%; height:100%; overflow:hidden; background:#111; }
#unity-container, #unity-container.unity-desktop, #unity-container.unity-mobile { position:fixed !important; left:50% !important; top:0 !important; transform:translateX(-50%) !important; width:min(100vw,56.25vh) !important; height:100vh !important; height:100dvh !important; }
#unity-canvas, #unity-canvas.unity-mobile { display:block; width:100% !important; height:100% !important; }
#unity-footer { display:none !important; }

/* Zinc branded loading screen */
#unity-container { overflow:hidden; background:radial-gradient(circle at 50% 34%,#19344a 0%,#09131e 43%,#04080d 100%); }
#unity-canvas { background:transparent !important; }
#unity-loading-bar { left:50% !important; top:46% !important; width:min(76%,360px); transform:translate(-50%,-50%) !important; text-align:center; z-index:30; }
#unity-logo { display:none !important; }
#zinc-loader-brand { margin:0 auto 62px; font-family:Arial Black,Arial,sans-serif; text-align:center; }
#zinc-wordmark { display:inline-flex; align-items:center; color:#f5f8fa; font-size:58px; line-height:1; font-weight:900; letter-spacing:7px; filter:drop-shadow(0 9px 22px rgba(0,0,0,.55)); }
#zinc-wordmark span { display:inline-grid; place-items:center; width:68px; height:68px; margin-right:7px; color:#101820; background:linear-gradient(145deg,#ffe66b 0%,#ffc21c 50%,#ff8a00 100%); border:3px solid rgba(255,255,255,.8); border-radius:17px 7px 17px 7px; box-shadow:0 0 0 5px rgba(255,184,0,.12),0 12px 30px rgba(255,145,0,.28); transform:skew(-7deg); }
#zinc-studio-label { margin-top:14px; color:#7fd8ff; font:700 13px/1 Arial,sans-serif; letter-spacing:8px; text-indent:8px; opacity:.9; }
#zinc-loading-label { display:flex; justify-content:space-between; align-items:center; width:100%; margin-bottom:11px; color:#a8c5d8; font:700 11px/1 Arial,sans-serif; letter-spacing:1.8px; }
#zinc-progress-percent { color:#ffd44d; font-size:12px; letter-spacing:.4px; }
#unity-progress-bar-empty { box-sizing:border-box; width:100% !important; height:18px !important; margin:0 !important; padding:3px; overflow:hidden; border:1px solid rgba(134,213,255,.42); border-radius:999px; background:rgba(1,9,16,.82) !important; box-shadow:inset 0 2px 7px rgba(0,0,0,.78),0 0 22px rgba(34,177,255,.12); }
#unity-progress-bar-full { width:0%; height:100% !important; margin:0 !important; border-radius:999px; background:linear-gradient(90deg,#ff8a00 0%,#ffd21c 62%,#fff29a 100%) !important; box-shadow:0 0 15px rgba(255,187,20,.78); transition:width .16s ease-out; }
#unity-loading-bar:after { content:'ZINC • PLAY BEYOND LIMITS'; display:block; margin-top:18px; color:rgba(174,202,219,.42); font:600 9px/1 Arial,sans-serif; letter-spacing:2.4px; }
@media (max-width:600px) { #zinc-wordmark{font-size:45px;letter-spacing:5px} #zinc-wordmark span{width:56px;height:56px;border-radius:14px 6px 14px 6px} #zinc-loader-brand{margin-bottom:48px} }