/* Shared entrance and battle loading panel, at the original 600px scale. */
:is(#boot-loading,#native-battle-loading){position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;background:#111!important}
#native-battle-loading[hidden]{display:none}
:is(#boot-loading,#native-battle-loading) .tip-card{width:min(600px,calc(100vw - 24px));box-sizing:border-box}
:is(#boot-loading,#native-battle-loading) .tip-frame{position:relative;padding:6px 6px 9px;border:1px solid #181a17;border-radius:6px;background:#55574f url('/play/loading-original/background.jpg') repeat;box-shadow:inset 0 1px 0 #a0a195,inset 1px 0 0 #86887d,inset -1px -1px 0 #292c26,0 1px 3px #000;box-sizing:border-box}
:is(#boot-loading,#native-battle-loading) .tip-picture{position:relative;overflow:hidden;border:1px solid #171d12;border-radius:5px;box-shadow:0 1px 0 #919384,inset 0 0 2px #000;background:#262c20}
:is(#boot-loading,#native-battle-loading) .tip-art{display:block;width:100%;height:auto;aspect-ratio:580/220;object-fit:cover;object-position:center}
:is(#boot-loading,#native-battle-loading) .tip-caption{position:absolute;left:0;right:0;bottom:13px;margin:0;min-height:27px;padding:5px 8px;box-sizing:border-box;background:rgba(0,0,0,.58);color:#fff;text-align:center;font:bold 12px/17px Arial,Tahoma,sans-serif;text-shadow:0 1px 1px #000}
:is(#boot-loading,#native-battle-loading) .tip-bar{height:28px;box-sizing:border-box;margin-top:11px;overflow:hidden;border:1px solid #191e13;border-radius:2px;background:linear-gradient(#161d0d,#070b04);box-shadow:0 1px 0 #8d9081,inset 0 0 2px #000;padding:1px}
:is(#boot-loading,#native-battle-loading) .tip-fill{height:100%;width:0;background:linear-gradient(to bottom,#397e08 0%,#62e014 12%,#47e900 37%,#27b400 57%,#168200 80%,#0d4200 100%);box-shadow:inset 0 1px 1px #90f841,inset 0 -1px 2px #062b00;transition:width .12s linear}
#boot-loading .tip-fill{animation:boot-tip 18s cubic-bezier(.1,.6,.2,1) forwards}
@keyframes boot-tip{to{width:92%}}
@media(max-width:480px){:is(#boot-loading,#native-battle-loading) .tip-caption{font-size:10px;line-height:13px;bottom:8px;padding:3px 5px}:is(#boot-loading,#native-battle-loading) .tip-bar{margin-top:8px;height:24px}}

/* Original Flash banners (archived in 2015 and present in 2017) include their
   own caption strip and rounded inner border. Preserve the complete artwork. */
:is(#boot-loading,#native-battle-loading){background:#111 url('/play/loading-original/background.jpg') repeat!important}
:is(#boot-loading,#native-battle-loading) .authentic-loading .tip-picture{border:0;box-shadow:none;border-radius:5px}
:is(#boot-loading,#native-battle-loading) .authentic-loading .tip-art{aspect-ratio:589/225;height:auto;object-fit:contain}
:is(#boot-loading,#native-battle-loading) .authentic-loading .tip-caption{display:none}