/* A distinct game title screen, before the existing home and level route. */
.brand-intro{position:fixed;inset:0;z-index:200;background:radial-gradient(ellipse at 50% 42%,#ffffff 0%,#f0fbf3 34%,#e0f1e9 70%,#d8ece3 100%);display:block;animation:none;pointer-events:auto;overflow:hidden;color:#19484b}.brand-intro[hidden]{display:none!important}.splash-hero{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:min(92vw,600px);display:flex;flex-direction:column;align-items:center;gap:8px}.brand-intro .splash-title{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 12px 13px #19484b1d);animation:logo-arrive .55s cubic-bezier(.2,.8,.3,1) both}.brand-intro .splash-mimikama{width:128px;height:auto;object-fit:contain;filter:none;opacity:.8;margin-top:-10px}.splash-loading{position:absolute;bottom:max(80px,calc(env(safe-area-inset-bottom) + 50px));left:50%;transform:translateX(-50%);width:min(76vw,340px)}.splash-progress-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;color:#618575;font-size:11px;line-height:1.2}.splash-progress-row #introPercent{font-weight:700;font-size:12px;color:#2e6a5a;font-variant-numeric:tabular-nums}.splash-loading progress{display:block;width:100%;height:16px;border:2px solid #fff8df;border-radius:12px;overflow:hidden;appearance:none;-webkit-appearance:none;background:#c9ded0;box-shadow:inset 0 2px 3px #315f4d1f,0 3px 0 #aacaba,0 8px 16px #19484b12}.splash-loading progress::-webkit-progress-bar{background:linear-gradient(#c0d7c8,#d2e6d7);border-radius:12px;box-shadow:inset 0 2px 3px #315f4d1f}.splash-loading progress::-webkit-progress-value{background:linear-gradient(#96dcc1,#489d83 55%,#327e6a);border-radius:12px;box-shadow:inset 0 1px 0 #fff7}.splash-loading progress::-moz-progress-bar{background:linear-gradient(#96dcc1,#489d83 55%,#327e6a);border-radius:12px}.splash-loading .primary{width:100%;min-height:48px;margin-top:20px;font-size:16px}.splash-loading .primary:disabled{opacity:0;pointer-events:none}.splash-version{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:0;right:0;text-align:center;font-size:10px;color:#95ad9c;letter-spacing:.5px}@keyframes logo-arrive{from{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-height:650px){.splash-hero{top:36%;width:min(88vw,450px)}.splash-loading{bottom:max(49px,calc(env(safe-area-inset-bottom) + 33px))}.splash-loading .primary{margin-top:15px;min-height:44px}.splash-version{bottom:14px;font-size:9px}.brand-intro .splash-mimikama{width:108px}}
@media(orientation:landscape) and (max-height:500px){.splash-hero{top:48%;left:31%;width:min(49vw,400px)}.splash-loading{width:min(31vw,280px);bottom:auto;top:50%;left:77%;transform:translate(-50%,-50%)}.splash-progress-row{font-size:10px}.brand-intro .splash-mimikama{width:96px}}
@media(prefers-reduced-motion:reduce){.brand-intro{display:block}.brand-intro .splash-title{animation:none}}
/* The user can leave the decorative loading sequence immediately. */
.splash-loading .primary:disabled{opacity:1}.splash-loading progress::-webkit-progress-value{transition:width .08s linear}#introEnter{font-size:15px}.splash-loading .primary{background:linear-gradient(#eff9ee,#deeee1);color:#3d7765;border-color:#c4ddcb;box-shadow:inset 0 1px 0 #fff,0 3px 0 #adcbb7}
@media(prefers-reduced-motion:reduce){.splash-loading progress::-webkit-progress-value{transition:none}}